.breadcrumb a:not([href]):not([class]) span {
    color: #fff;
}.section-page-content ol li UL b::before {
    display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.empty_state {
    padding: 60px 20px;
    background: #fafafa;
    border-radius: 14px;
    border: 1px dashed #ddd;
}
.ui-datatable-tablewrapper {
    overflow-x: auto;
}
.empty_state img {
    width: 140px;
    margin-bottom: 20px;
    opacity: 0.9;
}

.empty_state h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
}

.empty_state p {
    font-size: 14px;
    color: #777;
    max-width: 420px;
    margin: 0 auto;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.blocks-green .card>div {
    margin-right: 0;
    margin-left: 0;
    display: block;
}.blocks-green .title-block a {
    color: #333;
}a.kt-datatable__toggle-detail {
    color: #81a53f !important;
}
modal-container .opt-modal {
    padding: 20px !important;
}

.modal-dialog .opt-modal i.fa.fa-times-circle {
    z-index: 1;
}.modal-dialog .opt-modal i.fa.fa-times-circle:hover {
   opacity:0.9
}
.Missing.attachments:hover {
    cursor: pointer;
    opacity: 0.8;
}
p-button[styleclass="p-datepicker-clear-button"] button span.p-button-label {
    background: #efeaea;
    color: #333;
    border-color: #efeaea;
}

form#form-builder-id li {
    line-height: 30px !important;
}
.apply-now {
    position: relative;
}

.contact-right .row {
    margin: 0;
}

.contact-right {
    padding: 40px 30px;
}

/* Light gray borders */
.table-responsive.left.green table td,
.table-responsive.left.green table th {
    border: 1px solid #e5e5e5;
    padding: 12px 14px;
    vertical-align: middle;
    font-size: 14px;
}

/* First column (green background) */
.table-responsive.left.green table td:first-child {
    background: #276037;
    color: #fff;
    font-weight: 600;
    width: 50%;
}
.contact .radio-group {
    position: relative;
    display: flex;
    gap: 10px;
}

.contact .Radio-section h5 {
    margin-bottom: 20px !important;
}

.contact .radio-group .form-check-label {
    padding: 0;
}

.Request-checklst .form-check {
    align-items: flex-start;
    gap: 10px;
}
/* Second column (white background) */
.table-responsive.left.green table td:nth-child(2) {
    background: #ffffff;
    color: #333;
    font-weight: 600;
}

/* Make merged (rowspan) cell vertically centered */
.table-responsive.left.green table td[rowspan] {
    vertical-align: middle;
}

/* Smooth row striping (optional) */
.table-responsive.left.green table tr:nth-child(even) td:nth-child(2) {
    background: #fafafa;
}


a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #81a53f;
}
.form-check-input {
    z-index: 1;
}
.spinner-border {
    width: 100%;
    height: 100%;
}
.blocks-green .container-fluid > .row {
    MARGIN-LEFT: 0;
    MARGIN-RIGHT: 0;
}.section-table-claim #html_table
.blocks-green .img-block img.card-img-top {
    height: 40px !important;
    object-fit: contain !important;
    max-width: 31px;
}
.blocks-green .col-md-9 {
    FONT-WEIGHT: BOLD;
    height: 100%;
   
    padding: 20px 20px 83px;
}

.blocks-green .btn-container .btn {
    padding: 0;
    background: none;
    color: #85a74a;
    font-weight: 700;
    border: 0;
}



.blocks-green .card .col-md-12:last-child {
    height: 0;
    padding: 0;
}

.blocks-green .card>div ~ div {
    height: auto;
}

.blocks-green .btn-container {
    margin-top: -38px;
    margin-left: 120px;
}

.blocks-green .col-md-3 {
    float: left;
    height: 100%;
}

.blocks-green .title-block a {
    padding-left: 20px;
}

.blocks-green .btn-container .btn:hover {}

.blocks-green .btn-container .btn:hover {
    border: 0;
    color: #146032;
}

.blocks-green .col-md-3:after {
    right: 20px;
    top: -110px;
}
.blocks-green .btn-container a.btn {
    margin-top: -20px;
}
.blocks-green .btn-container .btn:active {
    background: none;
}
.blocks-green {
    margin-top: 0;
}

ul.inner-details {
    margin: 0 -23px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:before {
    margin-top: 2px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    display: flex;
    align-items: center;
}

.section-page-content li {
    margin-bottom: 7px;
}
.inner-banner .view-img img {
    width: 100%;
    object-position: 0 0px;
    object-fit: cover;
    object-position:  center center;
}
.inner-banner .image {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}
ol.breadcrumb {
    background: none;
    padding: 0;
}
.section-inner-banner {
    box-shadow: 0 5px 20px #00000017;
}
.inner-image .title {
    padding: 0 15px;
}
.view-img [src=""] {
    display: none;
}

.view-img [src*="/"] {
    display: block;
    background-size: cover;
    max-width: 70%;
}

.card-items span.card-title {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    border-color: #81a53f;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #333;
}
.card-items a.row.nav-link {
    color: #333;
}




.location-item .blog-list-contanir ,.location-item mat-grid-list{
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,.07);
    box-shadow: 0 5px 40px 0 rgb(0 0 0/7%);
    background: #fff;
    -webkit-transition: all .35s;
    transition: all .35s;
    border: 0;
    color: #333;
    display: block
}

.location-item .blog-list-contanir img,.location-item mat-grid-list img {
    height: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all 500ms ease
}

.location-item .blog-list-contanir .imge,.location-item mat-grid-list .image {
    position: relative;
    display: block;
    background: #fff url(/Resources/2/eska-logo.png) center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.location-item .blog-list-contanir .title,.location-item .blog-list-contanir .description,.location-item mat-grid-list .title, .location-item mat-grid-list .description{
    background: #fff;
    padding-left: 38px;
    padding-right: 38px
}

.location-item .blog-list-contanir .title,.location-item  mat-grid-list .title{
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: bold
}

.location-item .blog-list-contanir .description ,.location-item  mat-grid-list  .description {
    padding-bottom: 40px
}

.location-item .blog-list-contanir .description:after {
    content: 'Read More [+]';
    display: block;
    padding-top: 30px;
    color: #83a546;
    font-weight: bold
}

.location-item .blog-list-contanir .description:before {
    background: url(/Resources/6/dre3-icon.webp) no-repeat center;
    width: 34px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-size: contain
}

.location-item .blog-list-contanir:hover .title,.location-item mat-grid-list:hover .title{
    color: #81a53f
}

.location-item .blog-list-contanir .title,.location-item mat-grid-list .title {
    transition: all 500ms ease
}

.location-item .blog-list-contanir .imge:before ,.location-item mat-grid-list .imge:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgb(19 31 53/45%);
    -webkit-transition: opacity 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease,-webkit-transform 500ms ease;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.location-item .blog-list-contanir:hover .imge:before, .location-item mat-grid-list:hover .imge:before {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.location-item .blog-list-contanir .imge:after,.location-item mat-grid-list .imge:after {
    height: 50px;
    width: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    opacity: 0;
    transform: translateY(70px);
    transition: all 500ms ease;
    content: "";
    background: url(/Resources/6/arrow-right.webp);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 10px;
    position: relative;
    position: absolute;
    z-index: 1
}

.location-item .blog-list-contanir:hover .imge:after,.location-item mat-grid-list:hover .imge:after {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 100ms
}

.location-item .blog-list-contanir .imge,.location-item mat-grid-list .imge {
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    justify-content: center
}

.location-item .blog-list-contanir:hover .description::after,.location-item mat-grid-list:hover .description::after {
    color: #00602f
}


.location-item mat-grid-list .description:before {
    /* background: url(/Resources/6/dre3-icon.webp) no-repeat center; */
    width: 24px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 0px;
    background-size: contain;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f3c5";
    font-size: 40px;
    color: #85a54c;
    }

.location-item mat-grid-list .title {
    font-size: 17px;
    line-height: 22px;
    color: #205a31;
}


.location-item mat-grid-list .description {
    line-height: 14px;
    padding-bottom: 70px;
}


.location-item mat-grid-list .description:after {
    content: 'View Map [+]';
    display: block;
    padding-top: 40px;
    color: #83a546;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}

.location-item .col-12.text-center.mt-4 {
    margin-top: 0 !important;
}



.external-link {
    cursor: pointer;
}

.location-item mat-grid-list:hover .description:after {
    color: #265a33;
}

.section-products .container.products {
    box-shadow: none;

    background: none ;
}

.section-products {
    background: #f7f9f2;
    padding: 24px 0 90px;
    z-index: 0!important;
}

.products .img-block {
    mix-blend-mode: multiply;
}


.card-items span.card-title {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    border-color: #81a53f;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #333;
    text-align: left !important;
    display: block;
}

.section-card-items:nth-child(even) .row {
    flex-direction: row-reverse;
}

.card-items .img-section- {
    padding: 20px;
}

.alert-success  ol {
    padding: 0;
    margin: 0;
}

.alert-success .row {
    margin: 0;
    border: 0;
    background: none;
    padding: 0;
    background: none;
}

.alert.alert-success.container-fluid {
    border: 0;
    margin: 0;
}

.alert.alert-success li {
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
}

.alert-success {
    border-radius: 30px;
    padding: 0px;
}
.alert.alert-success.container-fluid {
    padding: 30px 30px 10px;
}
/* Reset for Word inline styles */
table.MsoTableGrid {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
}

table.MsoTableGrid td, 
table.MsoTableGrid th {
    border: 1px solid #d0d0d0 !important;
    padding: 10px 12px  !important;
    vertical-align: middle;
    font-size: 14px;
}

/* Header Row */
table.MsoTableGrid tr:first-child {
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

/* Left column (feature name) */
table.MsoTableGrid td:first-child {
    font-weight: 600;
    background: #fafafa;
}

/* Centering symbols (✓ +) */
table.MsoTableGrid td:nth-child(2),
table.MsoTableGrid td:nth-child(3) {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

/* Optional: Zebra striping */
table.MsoTableGrid tr:nth-child(even) {
    background: #fcfcfc;
}

/* Clean RTL text */
table.MsoTableGrid p {
    margin: 0;
    direction: rtl;
}

/* If you want rounded corners */
table.MsoTableGrid {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}


@media (min-width: 1200px)
{
.inner-banner .title {
    max-width: 1140px;
}
}


.inner-banner .image:before {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    z-index: 1;
}


.inner-banner .image:before {
    background-color: transparent;
    background-image: linear-gradient(270deg,#02080E00 23%,#f7f5f5 60%);
    opacity: .96;
    transition: background .3s,border-radius .3s,opacity .3s;
}

.inner-banner .inner-image .title {position: relative;width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;}

.breadcrumb {
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link {
    color: #7e7e7e;
}
.breadcrumb a {color: #fff;}

.section-inner-banner  .view-img {
    background: #f7f7f7;
    }

.inner-banner .view-img img, .row.inner-image, .section-inner-banner .view-img {
    height: 230px;
    padding: 0;
    
}

.breadcrumb a:hover, li.breadcrumb-item.active:hover span{color:#518743;text-decoration: none;}

.section-inner-banner {
    overflow: hidden;
}


.inner-banner .image:before {
    z-index: 0;
}

.breadcrumb-item.active span {
    color: #00602f;
}

.breadcrumb a:hover, li.breadcrumb-item.active:hover span {
    color: #81a53f;
}

.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link span {
    color: #ffffff;
}

.inner-banner .view-img img {
    width: 100%;
    object-position: 0 0px;
    object-fit: cover;
    object-position:  center center;
    float: right;
}

.inner-banner .title span.view-title {font-size: 30px;padding-top: 0;display: block;line-height: 1.4;color: #ffffff;margin-bottom: 0px;}


ol.breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 0;
}


.inner-image .title {
    padding: 0 15px;
}

.inner-banner .image {
    right: 0;
}


@media (min-width: 1200px)
{
.inner-banner .title {
    max-width: 1140px;
}
}

.inner-banner .image {
    overflow: hidden;
    z-index: 0;
    position: absolute;
    top: 0;
    padding: 0;
}

.inner-banner .image:before {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    z-index: 1;
    background: url(/Resources/6/green-banner.svg) 0 21% no-repeat;
    padding: 40px 0 15px;
    background-size: 50%;
    right: 0;
    left: auto;
    width: 100%;
    OPACITY: 1;
}

.inner-banner .inner-image .title {position: relative;width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;}


.inner-banner .inner-image .title {
    padding: 80px 0 70px;
    z-index: 1;
}

.breadcrumb {
    font-weight: 500;
}

.breadcrumb-item.active span {
    color: #d4ef8b;
    cursor: pointer;
}


.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link {
    color: #ffffff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #a9cf4f;
}

.inner-banner {
    box-shadow: inset 0 0 20px 0 rgb(0 0 0 / 7%);
}


.breadcrumb a:hover, li.breadcrumb-item.active:hover span{color:#518743;text-decoration: none;}


.inner-banner .image:after {
  background: url(/Resources/6/services-pattern.webp) right 0 no-repeat;
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 100%;
    z-index: 3;
    display: block;
    opacity: 1;
    bottom: 0;
    background-size: contain;
    border-radius: 0;
    height: 360px;
    top: -80px;
    bottom: 0;
}


.section-inner-banner {
    overflow: hidden;
    position: relative;
}

.row.inner-image {
    overflow: hidden;
}


.breadcrumb a:hover, li.breadcrumb-item.active:hover span {
    color: #ffffff;
}
.section-page-content {
    padding-top: 50px;
    position: relative;

    overflow: initial;    padding-bottom: 180px;
}
.container.page-content {
    padding: 0;
}

.container.page-content .col-lg-12.col-md-12.col-sm-12 {
    padding: 0;
}


.container-fluid {
    padding: 0;
}

.page-content {
    display: flex;
    position: relative;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}
.page-content {
    padding-bottom: 10px;
}
.section-cards-items span.card-text p:last-child {
    margin-bottom: 0;
}

.inner-title .col-md-12 {
    padding: 0;
}

.inner-banner .col-md-12 {padding: 0;}


.inner-banner .inner-image .title .row {
    margin-right: 0;
    margin-left: 0;
}


.card-items .card {
    box-shadow: none;
    border: 0;
    background: none;
    margin-bottom: 0;
}

.card-items .card {padding: 0 50px;text-align: justify;}

.card-items a.row.nav-link {
    padding: 0;
    margin: 0;
}

.card-items .col-md-12 {
    padding: 0;
}

.section-card {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
}

.card-items .col-lg-6.col-md-6.col-sm-6 {
    padding: 0;
}

.card-items div {
    height: 100%;
}

.card-items app-compiler {
    display: block;
    height: 100%;
}

.card-items {
    align-items: center;
}

.card-items.row {
    background: #f7f9f2;
}

.card-items figure {
    margin-bottom: 0;
}

.card-items img.img-responsive{
    max-height: 500px;
    object-fit: cover;

}

.card-items img.img-responsive{
height:100%;
}

.card-items img.img-responsive {
    object-fit: contain !important;
    width: 100% !important;
}
.card-items .title-block {
    font-size: 30px;
    padding-top: 10px;
    display: block;
    line-height: 1.4;
    color: #00602f;
    margin-bottom: 10px;
}

.card-items .col-lg-6.col-md-6.col-sm-6:after {
    background: url(/Resources/6/services-pattern.webp) right bottom no-repeat;
    content: '';
    position: absolute;
    right: 0;
    bottom: -73px;
    width: 100%;
    height: 100%;
    background-size: 40%;
    opacity: 0.3;
    }
    .inner-banner .view-img img, .row.inner-image, .section-inner-banner .view-img {
    max-height: 450px;
}

.card-items .btn-container {
    margin-top: 30px;
}

.card-items .btn-container .btn {
    font-size: 16px;
}

.section-page-content  li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    padding-right: 10px;
    color: #1f6035;
    font-size: 19px;
	    float: left;
    margin-top: -2px;
	    padding-right: 7px;
    color: #1f6035;
    font-size: 16px;
}

.section-page-content  ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.section-page-content li {
    position: relative;

}



.section-page-content h3 {
    font-size: 24px;
}

p.post-date {
    padding-left: 38px;
    margin-bottom: 0;
    padding-right: 38px;
}

.blog-list-contanir .title {
    padding-bottom: 10px;
}

.blog-list-contanir .description:after {
    padding-top: 0;
    position: absolute;
    bottom: 40px;
}

.blog-list-contanir {
    padding-bottom: 50px;
}

.blog-list-contanir .title {
    font-size: 16px;
    line-height: 24px;
}


.filter {
    margin-bottom: 20px;
    display: flex;
}



.filterItem {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #505050;
    padding: 4px 13px !important;
    background-color: transparent;
    border-top: 1px solid #81a53f;
    border-bottom: 1px solid #81a53f;
    letter-spacing: 0.4px;
    margin: 0 10px!important;
    cursor: pointer;
    margin-bottom: 10px !important;
}

span.filterItem.p-2.m-2.active {
    color: #fff;
    cursor: default;
    transition: 0.3s;
    background: #81a53f;
}

.filterItem:hover {
    background: #1f6035;
    color: #fff;
}


.filter {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.page-content > .row {margin: 0;}
@media (max-width: 767px) {




.filter span.filterItem {
    margin-bottom: 10px !important;
    font-size: 12px;
    padding: 13px 9px !important;
}


}






 .p-dropdown {
    width: 100%;
}

span.ui-float-label {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
}


 .prime-form-control {
    padding-top: 0!important;
}

 span.input-group-btn {
     position: absolute;
    right: 0;
    top: 25px;
}

.container.page-content > .row {
    display: block;
    width: 100%;
}

.programs-cont shc-product-preview > .row {
    display: block;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.programs-cont .ui-button button.ui-button {
    padding: 0 !important;
    height: 0 !important;
}

.programs-cont .form-check {
    padding-left: 0;
}

 span.input-group-btn .ui-button {
    padding: 10px !important;
    background: none!important;
    border: none !important;
    color: #00602f;
}

span.input-group-btn .ui-button .pi {
    font-size: 25px;
    opacity: 1;
}

 span.input-group-btn .ui-button:hover {
    border: 0 !important;
    background: none !important;
}

span.input-group-btn .ui-button:hover .pi {
    color: #81a53f;
}


 .form-group .prime-form-control .ui-float-label>label {
    order: 1;
}

 .ui-inputtext {
    order: 1;
}

 shc-control-messages {
    order: 0;
}

t p-overlay.p-element {
    position: absolute;
    width: 100%;
    height: 100%;
}




.programs-cont p.process-img {
    DISPLAY: flex;
    ALIGN-ITEMS: center;
    justify-content: center;
    margin: 0;
	flex-wrap: wrap;
}

.programs-cont .p-dropdown.p-component, .ui-inputtext,.form-control {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 0px;
}

 .form-group.editor-control.col-md-4 {
    height: 93px;
}

 .alert.alert-danger {
    font-size: 11px !important;
}

.form-group .prime-form-control .ui-float-label>label>span {
    color: #fd397a !important;
    margin-left: 4px;
}

.form-group .prime-form-control .ui-float-label>label {
    color: #333;
    font-weight: bold;
}



.programs-cont {
    box-shadow: 0 12px 105px 12px rgb(0 0 0 / 6%);
    border-radius: 15px;

}


.programs-cont .fieldset-box .subject-legend {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
}

.col-lg-12.col-md-12.col-sm-12.programs-cont {
    margin-top: 0;
    padding: 20px 20px !important;
}

.programs-cont legend.subject-legend:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 30px;
    margin-right: 20px;
}

.programs-cont .form-row {
    margin-right: 0 !important;
    margin-left: 0px;
}


.programs-cont p.process-img {
    font-size: 0;
    margin-top: 10px;
}

.programs-cont p.process-img img {
    object-fit: contain;
    width: 100% !important;
    height: 145px !important;
    max-width: 131px;
    margin: 0 10px;
    border-radius: 20px;
    padding: 10px 0;
    border: 5px #f7f7f7 solid;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/19. Line.png"] {
    width: auto !important;
    display: none;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/1.PAG.png"] {border-color: #81a53f;}

.box-footer {
    height: auto;
    margin-top: 20px;
    border-top: 1px solid #d7d7d7 !important;
    border-top-style: dashed !important;
    padding: 20px 0 0;
}

 .row.row-margin {
    margin-bottom: 0;
}

 .form-check {
    order: 1;
}

 input[type=checkbox]+label {
    font-size: 12px;
}

.programs-cont .box-footer .fb-button,.p-dialog-content .row.row-margin ~ .form-row button{
    margin: 0 !important;
    color: #fff!important;
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 15px 25px !important;
    border-radius: 30px !important;
    transition: all .3s ease;
}
.p-toast-message-content {
    display: block !important;
}

.p-toast .p-toast-message .p-toast-icon-close {
    position: absolute;
    right: 0;
    top: 0;
}
.programs-cont .box-footer .fb-button:hover {
    background-color: #84a44a !important;
    border-color: #84a44a !important;
}

.p-dropdown-panel .p-dropdown-items {
    margin-bottom: 0;
}

.programs-cont p-overlay.p-element {
    left: 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: #82a32038 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:before {
    font-size: 12px;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/PersonalDetailsComplete.png"] {
    border-color: #83a546;
        opacity: q;
}

 .row.row-margin {
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont shc-product-preview > .row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 20px 5px;
}

.box-footer {
    width: calc(100% - 0px);
    margin: 20px auto 0 auto;
}

ngb-datepicker .btn {
    width: auto !important;
    font-size: 12px;
    padding: 8px 17px;
}

ngb-datepicker .btn ~ .btn {
    background: #dbdbdbc4;
    color: #333;
}

ngb-datepicker .btn ~ .btn:HOVER {
    background-color: #84a44a;
    border-color: #84a44a;
    color:#fff;
}

.programs-cont .row.row-margin {
    margin-top: 10px;
}
.ngb-dp-header {
    background-color: #00602f !important;
    padding: 10px 10px !important;
}

.btn.btn-link {
    padding: 0;
    color: #fff;
}

ngb-datepicker-navigation-select>.custom-select {
    margin: 0 4px;
}

.ngb-dp-weekdays {
    background: #83a546 !important;
    margin-bottom: 10px !important;
}

.ngb-dp-weekday {
    color: #fff !important;
}

.form-group .ng-invalid {
  

    animation: none !important;
}


.programs-cont .row.row-margin {
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont shc-product-preview > .row {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 20px 5px;
}

.programs-cont p.process-img img:first-child {
    margin-left: 0;
}

.programs-cont p.process-img img:last-child {
    margin-right: 0;
}

.p-dialog {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.p-dialog .p-dialog-header {
    background: #fff;
    background: #146032;
    border-bottom: 0;
    padding: 6px 15px;
}

.p-dialog .p-dialog-content {
    color: #333;
}

.p-dialog .p-dialog-header-icon:hover {
    opacity: 0.8;
}



button.p-button.p-component.p-element {
    margin: 0 !important;
    color: #fff;
    background-color: #1f6035;
    border-color: #1f6035;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 11px 25px;
    border-radius: 10px;
    transition: all .3s ease;
    width: 100%;
    font-size: 14px;
}
h3.header {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-weight:bold;
    background: none;
    margin-bottom: 20px;
}

h3.header:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 30px;
    margin-right: 20px;
}

.row[style="min-height: 45em;"] {
    min-height: initial !important;
}

h3.header ~ hr.divider {
    display: none;
}

lib-cp-statment-of-account {
    display: block;
    padding: 30px 0;
}

label {
    color: #333;
    font-weight: bold;
    font-size: 13px !important;
}



.p-calendar .p-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}

.p-calendar {
    display: block;
}

.p-calendar  button.p-datepicker-trigger {
    position: absolute;
    right: 0;
    height: 48px;
    bottom: 0;
    background: none !important;
    border: 0;
    opacity: 1;
    font-size: 25px;
    width: auto !important;
    padding: 10px!important;
}

.pi-calendar {
    font-size: 25px;
    color: #276037;
}


.row[style="margin-bottom: 16px;"] {
    margin-bottom: 0 !important;
}

button.p-button.p-component.p-element:hover {
    background: #81a53f;
}


button.p-button.p-component.p-element:hover .pi-calendar {
    color: #83a546;
}

.p-calendar .p-inputtext {
    width: 100% !important;
    border-radius: 5px !important;
}

.p-calendar {
    width: 100%;
}

.page-content.programs-cont fieldset.fieldset-box {
    margin-top: 20px;
}

.p-paginator-bottom {
    flex-direction: row;
}

.p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last,p-paginator-pages {
    width: auto !important;
}

span.p-paginator-pages {
    width: auto !important;
}

.p-datatable .p-datatable-header {
    background: #00602f;
    border-color: #00602f;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    font-weight: normal;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f8f8f8;
    font-size: 14px;
    COLOR: #000;
    FONT-WEIGHT: NORMAL;
}


.programs-cont p.process-img {
    margin-top: 20px;
}

.programs-cont .box-footer .fb-button:first-child ,.p-dialog-content .row.row-margin ~ .form-row button:first-child{
    background: #f8f8f8 !important;
    color: #333 !important;
    margin-right: 10px !important;
}

.programs-cont .box-footer .fb-button:last-child,.p-dialog-content .row.row-margin ~ .form-row button:last-child {
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    margin-right: 0 !important;
	 color: #fff !important;
}

.programs-cont .box-footer .fb-button:hover, .p-dialog-content .row.row-margin ~ .form-row button{
    opacity: 0.7;
}




.p-datepicker .p-datepicker-buttonbar .p-button.p-component {
    width: auto !important;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 30px;
}

.p-datepicker .p-datepicker-buttonbar {
    padding-bottom: 0;
}

button.p-button.p-component.p-element ~ button.p-button.p-component.p-element {
    background: #dbdbdbc4;
    color: #333;
}

button.p-button.p-component.p-element:hover {
    opacity: 0.8;
    color: #fff;
}

.p-datepicker table td {
    padding: 0;
}

.p-datepicker .p-datepicker-header {
    padding: 0;
    background-color: #00602f !important;
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #83a44b;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #7c9e43;
}

.p-datepicker table {
    margin: 0;
}

.p-datepicker  thead {
    background: #83a546 !important;
    margin-bottom: 10px !important;
    color: #333;
}

.p-datepicker table th {
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #85a54c70;
}



.ngb-dp-navigation-select {
    flex: 1 1 auto;
}

.ngb-dp-arrow:hover {
    background: none !important;
}

.ngb-dp-arrow button:hover {
    background: none;
}

.ngb-dp-arrow button:hover span {
    color: #87a64c;
}
.programs-cont shc-control-messages {
    order: 1;
}



shc-preview legend.subject-legend {
    margin-top: 30px !important;
}

shc-preview fieldset.fieldset-box {
    margin-top: 10px !important;
}

 span.ui-float-label {
   flex-wrap: wrap;
   flex-direction: row;
}

 .form-group .prime-form-control .ui-float-label>label {
    flex: 0 0 100%;
    max-width: 100%;
    order: 0;
}

 shc-control-messages {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}


span.ui-float-label > div {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}

p-calendar {
    order: 1;
}

.ui-g-4 {
    width: auto !important;
    max-width: fit-content !important;
    margin-right: 20px;
    margin-top: 10px;
}

p-radiobutton {
    display: flex !important;
    flex-wrap: nowrap;
}


.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #146032;
    background: #146032;
}

.programs-cont .form-check {
    display: flex;
    align-items: flex-start;
}

input[type=checkbox]:checked:before {
    background-color: #81a53f!important;
    border-color: #81a53f !important;
}

.prime-form-control>button {
    float: left;
}



shc-document-retrieval h1 {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
    padding: 10px 0px 5px;
}

shc-document-retrieval h1:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 0;
    top: 30px;
    margin-right: 20px;
}

shc-document-retrieval form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

shc-document-retrieval br ~ br {
    display: none;
}

shc-document-retrieval  input.input-text {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    padding: 10px !important;
}

shc-document-retrieval {
    margin-bottom: 20px;
    display: block;
}

shc-document-retrieval .p-button.p-component.p-element.quote-btn {
    margin-top: 26px !important;
}




.form-group.editor-control.col-md-12 > .prime-form-control>button {
margin-top:0;
    float:right;
}



.p-dialog-content form#previewForm .form-row {
    display: block;
    width: 100%;
}



.p-dialog-content .row.row-margin ~ .form-row  {
    height: auto;
    margin-top: 20px;
    border-top: 1px solid #d7d7d7 !important;
    border-top-style: dashed !important;
    padding: 20px 0 0;
    width: calc(100% - 0px);
    margin: 20px auto 0 auto;
}




.ngb-dp-content.ngb-dp-months {
    width: 100%;
}

.ngb-dp-month {
    width: 100%;
}

ngb-datepicker.dropdown-menu {
    width: 100%;
}

.ngb-dp-navigation-select {
    flex: 1 1 100%;
}

p-overlay.p-element {
    position: absolute;
    top: 0;
    width: 100%;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.p-datatable .p-datatable-tbody>tr>td {
    display: table-cell;
    width:100px;
    text-align: left !important;
}

.p-datatable .p-datatable-tbody>tr:first-child td {
    background: #fff;
}

.ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
    background: #fff !important;
}

.ui-table tr:nth-child(even) td, table tr:nth-child(even) td {.ui-table
    tr: nth-child(odd) td, table tr:nth-child(odd) td;
    background: #f5f5f5 !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    color: #333;
    font-size: 13px;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 4px 14px;
    text-transform: none;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.p-datatable .p-datatable-tbody>tr>td {
    display: table-cell;
    width:100px;
    text-align: left !important;
}

.p-datatable .p-datatable-tbody>tr:first-child td {
    background: #fff;
}

.ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
    background: #fff !important;
}

.ui-table tr:nth-child(even) td, table tr:nth-child(even) td {.ui-table
    tr: nth-child(odd) td, table tr:nth-child(odd) td;
    background: #f5f5f5 !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    color: #333;
    font-size: 13px;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 4px 14px;
    text-transform: none;
}


ngb-datepicker.dropdown-menu {
}

.p-dialog-content {
    overflow-y: visible;
}

.ngb-dp-month:first-child .ngb-dp-week {
    width: 100%;
}

.ngb-dp-day, .ngb-dp-week-number, .ngb-dp-weekday {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ngb-dp-navigation-select {
    flex: 1 1 100% !important;
}


.p-datatable .p-datatable-tbody>tr>td button:hover {
    text-decoration: none;
    color: #fff;
}

input[type=email]:disabled, input[type=number]:disabled, input[type=text]:disabled {
    background-color: #e9e7e7;
    
}


.p-dialog-content p-calendar {
    width: 100%;
}
.p-dialog-content  .p-dropdown.p-component,.p-dialog-content .ui-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}


p-overlay.p-element {
    left: 0;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DriverDetailsComplete.png"] {
    border-color: #81a53f;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DriverDetailsComplete.png"] {
    border-color: #81a53f;
}

p.process-img[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] {
    margin-top: 0;
    justify-content: flex-start;
}



.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] {
    outline: none;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    background: #f7f9f299;
}

.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] span {color: #1f6035;}

.fb-lable-style {}

.fb-lable-style [style="border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12) rgb(221, 221, 221); border-image: initial; padding: 8px;"] {
    margin-bottom: 0;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    margin-top: 3px;
}

.fb-lable-style p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
    padding: 9px 0!important;
    border-bottom-width: 1px !important;
}
.fb-lable-style p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] span {
    font-size: 22px !important;
    color: #333 !important;
    font-weight: normal;
}
.programs-cont p.process-img img[src="https://www.der3.com/CPImages/4.QuoteDone.png"] {
    border-color: #81a53f;
}




.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DocumentsUploadComplete.png"] {  border-color: #81a53f;}




shc-file-upload .form-group.editor-control {
    /* flex: 0 0 33.3%; */
    /* max-width: 33.3%; */
    padding-top: 0;
    padding-left: 31px !important;
    padding-right: 0 !important;
}

.p-fileupload .p-fileupload-buttonbar {
    background: none;
    display: flex;
    margin-top: 10px;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    position: relative;
    margin-top: -38px;
    border-radius: 5px;
    /* border: 5px #f7f7f7 solid; */
    padding-top: 46px;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
    margin-left: 0;
    margin-right: -15px;
}

ul.file-container {
    margin: 0;
}

p-fileupload {
    order: 1;
    padding: 0 !important;
}

p-fileupload .p-button, p-fileupload p-button button.p-ripple.p-element.p-button.p-component {
    background: #00602f;
    border: 1px solid #00602f;
    border-radius: 30px;
}

p-fileupload .p-button .p-button-icon-left {
    margin-right: 0;
}
.p-fileupload-buttonbar p-button.p-element {
    width: auto;
}

p-fileupload p-button {
    margin: 0;
}

p-fileupload button.p-ripple.p-element.p-button.p-component.p-disabled {
    background: #bdbdbd;
    border: 1px solid #bdbdbd;
    color: #333;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
    height: 29px;
    display: flex;
    align-items: center;
    padding: 5px 15px 8px 10px!important;
}

.p-fileupload .p-fileupload-content {
    padding: 0;
    border: 0;
}

p-fileupload ~ label.component-label {
    margin-top: 14px;
    /* padding-left: 30px; */
    /* width: 50%; */
    /* max-width: 50% !important; */
    text-align: center;
}

.fb-lable-style[for="control25"] p.process-img,.fb-lable-style[for="control26"] p.process-img  {
    margin-top: 0;
    margin-bottom: 0;
    justify-content: flex-start;
    position: relative;
}

.fb-lable-style[for="control25"] p.process-img img, .fb-lable-style[for="control26"] p.process-img img  {
    width: 100%!important;
    height: 150px !important;
    max-width: none;
    object-fit: contain;
    border-radius: 10px 10px 0 0;
    margin: 0 0px;
    flex: 0 0 25%;
    max-width: 25%;
    border: 0;
    padding-bottom: 0;
}


.fb-lable-style[for="control26"] p.process-img {
    margin-bottom: 0px;
    border-top: 1px #cbc8c8 dashed;
}
.p-fileupload .p-fileupload-content ul.file-container {
    border: 1px #efefef solid;
    padding: 20px;
    border-top: 0;
    margin-top: -1px;
    margin-left: 00;
    display: none;
}

.p-fileupload .p-fileupload-buttonbar .p-button:hover {
    opacity: 0.9;
    background: #81a53f;
    border-color: #81a53f;
}

.p-fileupload-files {
    border: 1px #efefef solid;
    border-radius: 5px;
    margin-top: 10px;
}

.p-fileupload-files img {
    height: 90px;
    object-fit: contain;
    background: #ebebeb;
}

p-fileupload-row button.p-element.p-button.p-component {
    background: none !important;
}

p-fileupload button.p-element.p-button.p-component.p-button-icon-only {
    background: none;
    padding: 0;
    background: #d53443;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

p-fileupload .p-fileupload .p-fileupload-row>div {
    padding: 10px 20px 10px 20px;
}

p-fileupload .p-message.p-message-success {
    border-radius: 5px;
}

p-fileupload .p-message-close {
    width: auto !important;
    padding: 0 10px;
}

.p-message .p-message-wrapper {
    padding: 5px 0;
    width: 100%;
    display: block;
    font-size: 13px;
}

.p-message .p-message-summary {color: #146032;float: left;width: auto !important;}

.p-message.p-message-success .p-message-icon, .p-message.p-message-success .p-message-close {
    color: #146032;
}

.p-message .p-message-close:hover {
    color: #146032;
}

.p-message .p-message-close {
    padding: 0 0;
    color: #df3747 !important;
    height: auto;
    margin-top: 4px;
}


.p-message.p-message-success .p-message-icon, .p-message.p-message-success .p-message-close {
    width: auto;
    float: left;
    font-size: 18px;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/14.PaymentComplete.png"] {
    border-color: #81a53f;
}


.fb-lable-style p[dir="rtl"] {
    direction: ltr;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.fb-lable-style p[dir="rtl"] span[style="color:#80a403; font-size: 25px!important;"] {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


.prime-form-control a {
    color: #81a53f !important;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/ClaimAttachmentsselected2.png"] {
    border-color: #81a53f;
}



.p-datatable .p-datatable-thead>tr>th {
    width: auto;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #81a53f;
    border-color: #81a53f;
    color: #fff;
}

.programs-cont .form-row:nth-last-child(2) shc-dynamic-control shc-button button {
    margin-top: 26px !important;
}

shc-file-upload {
    display: block;
}

p-fileupload.form-control-ng {
    padding: 0 15px;
    margin-top: 2px;
}

.fb-lable-style[for="control25"] p.process-img img:first-child,.fb-lable-style[for="control26"] p.process-img img:first-child {
    margin-left: 0;
}

.fb-lable-style[for="control25"] p.process-img img:last-child,
.fb-lable-style[for="control26"] p.process-img img:last-child {
    margin-right: 0;
    /* margin-left: 0; */
}


.p-message.p-message-success {
    background: none;
    border: none;
    margin: 0;
}

.p-fileupload-row {
    flex-direction: column;
    padding-bottom: 10px;
}

.p-fileupload-row>div {
    width: 100% !important;
    line-height: 4px;
}

p-fileupload .p-fileupload .p-fileupload-row>div:last-child {
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px;
}

p-fileupload .p-fileupload .p-fileupload-row .p-fileupload-filename {
    line-height: 18px;
    display: block;
    height: fit-content;
}

.p-message .p-message-detail {
    float: left;
    width: auto !important;
}

.ui-g-4 ~ .ui-g-4 ~ .ui-g-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}


.fb-lable-style [style="border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12) rgb(221, 221, 221); border-image: initial; padding: 8px;"] {
    display: flex;
    align-items: center;
}

p-fileupload.p-element ~ span img {
    object-fit: contain !important;
    background: #f8f8f8 !important;
}



.p-fileupload .p-fileupload-buttonbar .p-button ~ p-button button.p-ripple.p-element.p-button.p-component {
    background: #fff;
    color:#146032;
}

.ui-g-4 {
    z-index: 1;
}


.section-card-items {
    padding: 20px 10px !important;
}

.p-toast .p-toast-message.p-toast-message-error {
    background: #fff;
    border-width: 0;
}

.p-toast .p-toast-message.p-toast-message-error i.pi.pi-times.error-message ,.p-toast .p-toast-message-icon.pi.pi-times-circle {background: #d53f4d;border-radius: 50%;color: #fff;}

.p-toast-top-right {
    width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    top: auto !important;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    background: rgb(0 0 0 / 50%);
    
    z-index: 999;
}

.p-toast-top-right .p-toast-message-content {
    text-align: center;
}

p-toast>div:not(.p-toast-top-right) {
    background: rgb(0 0 0 / 50%);
    display: block;
    height: 100%;
    position: fixed !important;
    width: 100% !important;
    padding: 50% 40px;
    margin-top: initial !important;
    left: 50% !important;
    right: 50% !important;
}

p-toast div:empty {
    display: none;
}


.p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error {
    max-width: 30%;
    margin: 0 auto;
}


.p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error .ui-g.ui-fluid button {
    width: auto;
}

.policy-list {
    padding: 0 30px;
}



.p-toast .p-toast-message.p-toast-message-success {
    background: #fff;
    max-width: 340px;
    border: 0;
    margin: 0 auto;
}

.p-toast .p-toast-message.p-toast-message-success i {
    background: #44995c;
    border-radius: 50%;
    color: #fff;
}


.modal-content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.modal-dialog .opt-modal  i.fa.fa-times-circle {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 27px;
    color: #1f6035;
}

.modal-dialog .opt-modal  h1,.modal-dialog .opt-modal p.inserOtp-title {
    font-weight: bold;
    padding-left: 0;
    font-size: 20px;
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 40px;
}

.modal-dialog .opt-modal {
    padding: 30px;
    text-align: center;
}

.modal-dialog .opt-modal .verification-option label.custom-radio ~ label {
    font-weight: 500 !important;
    margin: 0;
    padding-left: 10px;
    text-align: left;
}
.modal-dialog .opt-modal .verification-option {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}

.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper {
    display: flex !important;
    padding: 15px 10px 0;
    border-radius: 4px;
    margin-top: 20px;
    border-top: 1px #9999994d solid;
}

.modal-dialog .opt-modal label {
    font-size: 16px !important;
}





.modal-dialog .opt-modal  button.btn-default.back-btn {
    width: 50%;
    border: 1px solid #f0f0f0;
}

.modal-dialog .opt-modal  button#verify_submit {
    width: 50%;
    margin-bottom: 0;
    display: inline-flex;
    justify-content: center;
    text-transform: none;
}

.modal-dialog .opt-modal  button {
    border-radius: 20px;
}

.modal-dialog .opt-modal  input#verificationInput {
    outline: none;
    margin-top: 22px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 5px ! IMPORTANT;
    box-shadow: none;
    border: 1px solid #969492 !important;
    font-family: Helvetica, sans-serif;
    margin-top: 0;
    text-align: center;
    }
    
    
.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper button {
    border-radius: 24px !important;
}


.programs-cont .container {
    max-width: 100%;
}

shc-document-retrieval .formgroup {
    margin-bottom: 15px;
}
.p-dialog .p-dialog-header {
    border: solid 12px #d3d2d2;
    border-bottom: 0;
}.p-dialog .p-dialog-content {
    overflow: initial !important;
    border: solid 12px #d3d2d2;
    border-top: 0;
}

.p-dialog {
    position: absolute !important;
    max-width: 95%;
    border:0;
}





@media (max-width:1200px) {

.section-products .container.products .row {
    width: 100%;
    margin: 0;
    justify-content: center;
    padding: 0;
}

.section-products .products .col-md- {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100% !important;
    padding: 20px 0;
}
}
@media (max-width:1199px) {
    
    .ui-dialog-preview {
    width: 100%;
}
    .blocks-green .col-md-3 {
    float: none!important;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.blocks-green .card {
    height: auto;
    margin-bottom: 30px;
}

.blocks-green .col-md-9 {
    text-align: center;
    padding: 20px 20px 63px;
}

.blocks-green .btn-container a.btn {
    margin-top: 0;
    position: inherit;
    width: 100%;
    margin-top: -100px;
}

.blocks-green .btn-container {
    margin-top: 0;
    position: relative;
    margin: 0 auto !important;
}
    .inner-banner .title span.view-title {
    margin-bottom: 10px;
}
div#blog- {
    max-width: 100%;
}

.inner-banner .title span.view-title {
    font-size: 20px;
}
	.programs-cont p.process-img img {
    margin-bottom: 15px;
    height: 127px !important;
    max-width: 127px;
}
.container.page-content,.section-products .container.products {
    max-width: 100%;
}

.section-page-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}

.section-products {
    margin-top: 0 !important;
}

.inner-banner .title {
    max-width: 100%;
}.section-inner-banner {
    padding: 0 40px;
}.card-items .card {
    padding: 0;
}

.card-items .row {
    margin: 0;
}
}







input[type=email]:required:disabled, input[type=number]:required:disabled, input[type=text]:required:disabled {
    opacity: 1;
}

.p-dropdown.p-disabled.p-disabled {
    opacity: 1;
    background:#eae5e5 ;
}




.section-table-claim .form-control {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 14px !important;
    align-items: center;
    margin-top: 0;
    padding: 0 10px !important;
}

.section-table-claim .form-group.form-group-sm.col-md-2 {
    flex: 0 0 25%;
    max-width: 25%;
}
.section-table-claim select.form-control {
  direction: rtl; /* ensures text and arrow direction are RTL */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  padding-left: 35px; /* space for icon on left */
  font-size: 16px;
  border-radius: 6px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M5 7l5 5 5-5H5z"/></svg>') !important;
  background-repeat: no-repeat;
  background-position: left 10px center; /* move arrow to left */
  background-size: 12px;
}

.section-table-claim .kt-form.kt-form--label-right.kt-margin-t-20.kt-margin-b-10 label {
    display: none;
}

.section-table-claim .form-control-sm {
    height: auto;
    padding: 0;
}

.form-group.form-group-sm.col-md-3:empty {
    display: none;
}

.section-table-claim .col-md-2 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.section-table-claim button.btn-brand.btn-sm.mt-4 {
    margin-top: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 12px 25px !important;
    border-radius: 30px !important;
    transition: all .3s 
ease;
}

.section-table-claim .col-xl-12.order-12 {
    margin: 0;
}

.section-table-claim .row.align-items-center {
    margin: 0;
    margin-bottom: 20px;
}


.section-table-claim .kt-portlet__body.kt-portlet__body--fit {
    padding: 0 15px;
}


.section-table-claim .table-container {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.section-table-claim #html_table {
  min-width: 900px; /* keeps structure readable */
  width: 100%;
  border-collapse: collapse;
}/* Pagination container */
.section-table-claim .paginationDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  flex-wrap: wrap;
  direction: rtl; /* for Arabic */
  margin-bottom: 20px;
}

/* Pagination buttons */
.section-table-claim .pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
}

.section-table-claim .pagination .page-item {
  border-radius: 6px;
  overflow: hidden;
}

.section-table-claim .pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #ddd !important;
  background-color: #7a9a3047;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  min-width: 32px;
  margin-left: 0;
  padding-top: 3px;
}

/* Hover and active states */
.section-table-claim .pagination .page-link:hover {
  background-color: #1f6035; /* your theme color */
  color: #fff;
  border-color: #004d7a;
  cursor: pointer;
}

.section-table-claim .pagination .page-item.active .page-link {
  background-color: #004d7a;
  color: #fff;
  border-color: #004d7a;
}

.section-table-claim .pagination .page-item.disabled .page-link {
  opacity: 0.5;
  pointer-events: none;
}

/* Count and selector section */
.section-table-claim .pagination-count {
  display: flex;
  align-items: center;
  gap: 10px;
  direction: ltr;
  font-size: 14px;
  color: #555;
}

.section-table-claim .pagination-count-select {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="10" viewBox="0 0 20 20" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M5 7l5 5 5-5H5z"/></svg>');
  background-repeat: no-repeat;
  background-position: left 10px center; /* for Arabic */
  background-size: 10px;
  padding-left: 30px;
}

/* Adjust layout on smaller screens */
@media (max-width: 600px) {
 .section-table-claim  .paginationDiv {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.section-table-claim #html_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  direction: rtl; /* optional for Arabic layout */

}

/* Header */
.section-table-claim #html_table thead {
  background: #004d7a; /* change to your theme color */
  background: linear-gradient(0deg, #7b9d24 0%, #1c5e1d 100%);
  color: #fff;
}

.section-table-claim #html_table thead th {
  text-align: center;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  position: relative;
}



/* Rows */
.section-table-claim #html_table tbody tr {
  transition: background 0.3s ease;
}

.section-table-claim #html_table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.section-table-claim #html_table tbody tr:hover {
  background-color: #f1f7ff;
}

/* Cells */
.section-table-claim #html_table td {
  text-align: center;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
}

/* Optional rounded corners for first and last cells */
.section-table-claim #html_table th:first-child {
  border-top-right-radius: 10px;
}

.section-table-claim #html_table th:last-child {
  border-top-left-radius: 10px;
}

/* Responsive scroll for small screens */
.section-table-claim #html_table {

  overflow-x: auto;
  white-space: nowrap;
}


.section-table-claim select.form-control.pagination-count-select {
    height: auto !important;
}

.section-table-claim p.pagination-count-par {
    margin: 0;
}


.mainPopup {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  padding: 15px 15px;
}


.mainPopup .att {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mainPopup .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f9fb;
  border: 1px dashed #cfd6e0;
  border-radius: 10px;
  padding: 12px 16px;
  transition: all 0.3s ease;
  position: relative;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
}

.mainPopup .form-group:hover {
  border-color: #81a53f;
  background-color: #f1f7ff;
}

.mainPopup label {
  font-weight: 600;
  color: #333;
  min-width: 180px;
  margin: 0;
  width: 100%;
}

.mainPopup input[type="file"] {
  flex: 1;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #444;
}

/* Hide the default file input text and style it better */
.mainPopup input[type="file"]::-webkit-file-upload-button {
  background-color:#81a53f;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 13px;
}

.mainPopup input[type="file"]::-webkit-file-upload-button:hover {
  background-color:#81a53f;
}

/* Folder icon (clickable-div) styling */
.mainPopup .clickable-div {
  width: 36px;
  height: 36px;
  background-color: #81a53f;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mainPopup .clickable-div:hover {
  background-color: #4e6a1b;
}

/* Optional: add a folder icon using a pseudo-element */
.mainPopup .clickable-div::before {
  content: "\f07b"; /* Font Awesome folder icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 16px;
}


.pop-buttonsss {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 0;
}

.pop-buttonsss button.mx-1.btn.btn-label-info {
    background: #b8b5b5;
}


.section-table-claim #html_table {
    border-collapse: collapse;
    display: none;
    width: 100%;
    direction: ltr;
}

tbody.kt-datatable__body {
    visibility: visible;
    display: block;
    position: relative;
}

.section-table-claim #html_table tbody tr {
    display: table;
    table-layout: initial;
}

.section-table-claim #html_table thead {
    visibility: visible;
    display: block;
    position: relative;
    width: 100%;
}

tr.kt-datatable__row {
    width: 100%;
    display: table;
    table-layout: initial;
}

a.kt-datatable__toggle-detail {
    color: #81a53f;
}

.section-table-claim #html_table thead th {
    text-align: left;
}

.section-table-claim #html_table [data-field="Color"]:first-child a , .section-table-claim #html_table td.kt-datatable__cell[data-field="Car Model"] a{
    /* max-width: 40px; */
    display: block;
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden;    /* Hides any content that overflows the element's box */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate clipped text */
    max-width: 150px;        /* Sets a fixed width for the container */
    padding: 5px;
}
.section-table-claim #html_table [data-field="Color"] a:hover , .section-table-claim #html_table td.kt-datatable__cell[data-field="Car Model"] a:hover{
  white-space: normal;    /* allow line breaks */
  overflow: visible;      /* show full text */
  background-color: #dbe3c8; /* optional highlight */
  padding: 4px 6px;       /* optional padding */
  border-radius: 4px;     /* optional rounded corners */
  position: absolute;     /* ensures it overlaps nicely */
  z-index: 10;            /* bring above other content */
  max-width: 500px;       /* optional max width when expanded */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* optional shadow */
  color: #276037;
}
[data-field="Color"] a {
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden;    /* Hides any content that overflows the element's box */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate clipped text */
            /* Sets a fixed width for the container */
     /* Optional: for visualization */
    padding: 5px;;
max-width: 190px
;display: block;;
}
.kt-badge {
    padding: 0;
    margin: 0;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: .8rem;
}
.section-table-claim .pagination .page-item.active .page-link {
    background: #1f6035;
}

.section-table-claim .pagination .page-link {
    padding-top: 5px;
}
.section-table-claim #html_table .kt-badge.kt-badge--success {
    color: #fff;
    background: #0abb87;
}.section-table-claim #html_table .kt-badge.kt-badge--inline {
    height: auto;
    width: auto;
    padding: .15rem .75rem;
    border-radius: 2px;
    border-radius: 2rem;
}


.section-table-claim #html_table tr.kt-datatable__row-detail.collapse {
    display: block;
    overflow: hidden;
}

.section-table-claim #html_table td.kt-datatable__detail {
    display: block;
    padding: 0 60px;
}



.section-table-claim #html_table  td.kt-datatable__detail table tr.kt-datatable__row {
    display: table-row;
}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row-detail .kt-datatable__detail .kt-datatable__row>.kt-datatable__cell {
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row-detail .kt-datatable__detail {
    display: block;
    padding: 0 60px;
}
.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5rem;
    transition: color .3s 
ease;
    color: #595d6e;
}.kt-user-card-v2 .kt-user-card-v2__details {
    line-height: 0;
    text-align: left;
}.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__desc, .kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__email {
    margin-top: 3px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 400;
    color: #74788d;
}

.section-table-claim #html_table b {
    font-weight: 600;
}

.section-table-claim #html_table  tr.kt-datatable__row-detail.collapse td.kt-datatable__cell {border: 0;vertical-align: middle;}


.section-table-claim .pagination-count {
    white-space: nowrap;
}

.programs-cont .form-check {
    gap: 40px;
}

shc-dynamic-control {
    display: flex;
    
    align-items: flex-start;
    height: 100%;
}

shc-dynamic-control shc-text-box {
    width: 100%;
}

fb-calendar {
    width: 100%;
}

shc-drop-down {
    width: 100%;
}
shc-file-upload
 {
    width: 100%;
}

.col-md-8 .editor-control.col-md-6 {
    width: 100%;
}

p-fileupload .p-fileupload-header p-button {
    margin: 0;
    padding: 0;
    /* background: none; */
    border-radius: 6px;
}

p-fileupload .p-fileupload-header p-button button {
    padding: 0;
}

p-fileupload .p-fileupload-header .p-button-label {
    background: none;
    border: 0;
    font-size: 14px;
}

p-fileupload  .btn:after,p-fileupload  button:after {
    display: none;
}

p-fileupload  .p-fileupload-cancel-button {
    background: #e7e1e1;
    padding: 0 10px !important;
}

.p-fileupload-cancel-button span,.p-fileupload-cancel-button svg {
    color: #333;
}

.p-fileupload-cancel-button path {fill: #333 !important;}

p-fileupload .p-fileupload-header p-button button {
    /* background: red; */
    display: flex;
    height: 100%;
    border-radius: 5px;
    padding: 0 10px!important;
}

p-fileupload .p-fileupload .p-fileupload-content {
    padding: 0;
    display: block;
}

ul.file-container {
    padding: 10px 10px;
}

p-fileupload .p-fileupload-content .p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-content p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-file-thumbnail {
    object-fit: cover;
}
p-fileupload .p-fileupload-header p-button button {
    min-height: 34px;
}


.fb-lable-style[for="control1"] p ~ p ~p {
    display: none;
}

.fb-lable-style[for="control1"] p ~ p {
    margin-bottom: 0;
}

span.ui-float-label {
    display: flex
;
    flex-direction: column-reverse; 
}.ui-float-label shc-control-messages

 {
    order: -1;
}
.p-calendar, .p-dialog .form-row>.ng-star-inserted, .p-dropdown.p-component, fieldset {
    width: 100%;
}#preview label.component-label {
    transform: none !important;
    order: 2;
}
.form-group {
    MARGIN-BOTTOM: 15px;
}

p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(0, 166, 220); border-image: initial; padding: 8px;"] {
    MARGIN-BOTTOM: 0;
}


shc-preview fieldset.fieldset-box {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex !important;
    margin-right: 0;
    margin-left: 0;
    flex-direction: row;
    flex-wrap: wrap;
}

form#previewForm .form-row.accordion-row {
    display: block !important;
}

shc-preview fieldset.fieldset-box .col-md-4, 
shc-preview fieldset.fieldset-box .col-md-3  {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 0px 0px;
    margin-top: 0 !important;
}

shc-label {
    width: 100%;
}
.stepper {
    display: none !important;
}
.d-flex.justify-content-between.align-items-center.p-2 {
    padding: 0 !important;
}






shc-radio-button .ui-g-4 {
    alignment-baseline: after-edge;
    DISPLAY: FLEX;
    /* flex-direction: row-reverse; */
    gap: 14px;
}

shc-radio-button  p-radiobutton {
    border: 0 !important;
    margin: 0 !important;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    border: 0 !important;
}

shc-radio-button  label.component-label.form-check-lable {
    order: -1;
}

label.component-label.form-check-lable {
    margin-bottom: 0 !important;
}


shc-radio-button p-radiobutton.form-check-input.form-control.form-control-ng {
    padding: 0 !important;
}
shc-radio-button .prime-form-control {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}
shc-radio-button .ui-g-4 {
    alignment-baseline: after-edge;
    DISPLAY: FLEX;
    /* flex-direction: row-reverse; */
    gap: 14px;
}.fb-lable-style {
    font-weight: 600;
    color: #8BC34A;
} 

form#previewForm .justify-content-between.align-items-center.p-2 {
    padding: 0 !important;
}
p-radiobutton {
    border: 0 !important;
    margin: 0 !important;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    border: 0 !important;
}

form#previewForm .form-row.accordion-row {
    display: block !important;
}




shc-dynamic-control shc-label {
    width: 100%;
}

.form-check {
    margin: 0;
    padding: 0;
}

.p-radiobutton {
    border: 1px solid #dadada;
    background: #ffffff;
    width: 20px !important;
    height: 20px !important;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    align-content: center;
    text-align: initial;
    min-width: 20px;
}

.p-radiobutton-input {
    border-color: #f4f4f4 !important;
    background: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.form-check .form-check-input {
    align-items: center;
    justify-content: center;
}

shc-radio-button .prime-form-control .ui-float-label {
    align-items: center;
}

.form-check .form-check-input {
    width: auto;
}
.form-check {
    padding-right: 0 !important;
}
.p-radiobutton-input[aria-checked="true"] {
    border-color: #8BC34A;
    background: #8BC34A ;
    z-index:0;
    opacity: 1;
}

.form-check .form-check-input {
    border: 0;
    background: none;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    margin: 0 9px;
}

shc-radio-button  .form-check-lable {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}
.p-fileupload-header {
    border: 0;
}
shc-radio-button span.ui-float-label {
    display: flex;
    flex-wrap: wrap;
}

shc-radio-button .form-check-lable {
    order: 0 !important;
    margin-bottom: 10px !important;
}

shc-radio-button .ui-g-4 {
    order: 1;
    margin: 0;
}
.programs-cont .form-control[readonly] {
    BACKGROUND: #f6fdff !important;
}
p-radiobutton {
    margin-bottom: 20px !important;
}

.form-group.editor-control.col-md-4 button.btn.pull-left {
    margin-top: 20px !important;
}



.form-check {
    display: flex;
    min-height: 1.5rem;
    align-items: center;
}
shc-radio-button .prime-form-control .ui-float-label {
    margin-bottom: 20px;
}
.form-check-input[type=checkbox] {position: relative;overflow: hidden;margin-top: 0;width: 20px !important;height: 20px !important;    left: -6px;}

.form-check-input:checked {
    background-color: #8BC34A;
    border-color: #8BC34A;
}

.form-check-input {
    width: 22px;
    height: 1em;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    float: right;
    margin-left: -0;
    height: 22px !important;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    background: #fff;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, .25);
    width: 20px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), -1px 0px 3px 0px rgb(0 0 0 / 12%);
}

.form-check-input:checked::after {
    background: #8BC34A;
    width: 100%;
    height: 100%;
    left: 0!important;
    top: 0!important;
    text-align: center;
}

.fb-lable-style {
    margin-bottom: 0;
}
.form-group  .form-check ~ shc-control-messages {
    min-height: initial !important;
}


shc-product-preview {
    display: block;
    padding: 0 15px;
}


.p-datepicker {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.programs-cont p-datepicker.form-control .p-datepicker {
    HEIGHT: 100%;
}
.programs-cont .form-group .p-datepicker-dropdown {
    padding-LEFT: 0;
    padding-RIGHT: 0;
}.p-icon {
  
    color: #276037;
}


.p-calendar .p-inputtext {
    outline: none;}
.p-dialog {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}


.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] {
    outline: none;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    background: #f7f9f299;
}
.p-dialog-content  .p-dropdown.p-component,.p-dialog-content .ui-inputtext {
    outline: none;
    
    box-shadow: none;
}
.form-group .ng-invalid {
  

    animation: none !important;
}ngb-datepicker .btn ~ .btn:HOVER {
    background-color: #1f6035;
    border-color: #1f6035;
    color:#fff;
}

ngb-datepicker .btn {
    width: auto !important;
    font-size: 12px;
    padding: 8px 17px;
}

ngb-datepicker .btn ~ .btn {
    background: #dbdbdbc4;
    color: #333;
}

.btn.btn-link {
    padding: 0;
    color: #fff;
}

ngb-datepicker-navigation-select>.custom-select {
    margin: 0 4px;
}

.ngb-dp-weekdays {
    background: #1f6035 !important;
    margin-bottom: 10px !important;
}

.ngb-dp-weekday {
    color: #fff !important;
}


.p-datepicker {
    width: 100%;
}
.p-dialog .p-dialog-header {
    background: #fff;
    background: #1f6035;
    border-bottom: 0;
    padding: 6px 15px;
}

.p-calendar .p-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}

.p-calendar {
    display: block;
}

.p-calendar  button.p-datepicker-trigger {
    position: absolute;
    right: 0;
    height: 48px;
    bottom: 0;
    background: none !important;
    border: 0;
    opacity: 1;
    font-size: 25px;
    width: auto !important;
    padding: 10px!important;
}

.pi-calendar {
    font-size: 25px;
    color: #276037;
}



.p-calendar .p-inputtext {
    width: 100% !important;
    border-radius: 5px !important;
}

.p-calendar {
    width: 100%;
}


.p-datatable .p-datatable-header {
    background:#1f60352;
    border-color: #1f6035;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    font-weight: normal;
    color: #fff;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f8f8f8;
    font-size: 14px;
    COLOR: #000;
    FONT-WEIGHT: NORMAL;
}


.programs-cont p.process-img {
    margin-top: 20px;
}

.programs-cont .box-footer .fb-button:first-child ,.p-dialog-content .row.row-margin ~ .form-row button:first-child{
    background: #e7e1e1 !important;
    color: #333 !important;
    margin-right: 10px !important;
}

.p-datepicker .p-datepicker-buttonbar .p-button.p-component {
    width: auto !important;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 30px;
}

.p-datepicker .p-datepicker-buttonbar {
    padding-bottom: 0;
}


.p-datepicker table td {
    padding: 0;
}

.p-datepicker .p-datepicker-header {
    padding: 0;
    background-color: #1f6035!important;
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #1f6035;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #1f6035;
}

.p-datepicker table {
    margin: 0;
}

.p-datepicker  thead {
    background: #1f6035 !important;
    margin-bottom: 10px !important;
    color: #333;
}

.p-datepicker table th {
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #1f6035b5;
}




.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #1f6035;
    background: #1f6035;
}



input[type=checkbox]:checked:before {
    background-color: #1f6035!important;
    border-color: #1f6035 !important;
}





.ngb-dp-content.ngb-dp-months {
    width: 100%;
}

.ngb-dp-month {
    width: 100%;
}

ngb-datepicker.dropdown-menu {
    width: 100%;
}

.ngb-dp-navigation-select {
    flex: 1 1 100%;
}

p-overlay.p-element {
    position: absolute;
    top: 0;
    width: 100%;
}





.p-datepicker-panel {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 0 6px #00000029 !important;
    padding: .857rem;
    background: #ffffff;
    color: #666;
    border: 1px solid #dadada;
    font-size: 13px;
    border-radius: 2px;
    padding: 0;

}



ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
}

.p-datepicker-panel td>span {
    display: flex
;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.p-datepicker-panel table th {
    padding: .5rem;
}
.p-datepicker-panel table td>span {
    width: 2rem;
    height: 2rem;
    border-radius: 2px;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border: 1px solid transparent;
}
.p-datepicker-panel table td.p-datepicker-today>span {
    background: #1f6035;
    color: #ffffff;
    border-color: transparent;
}

 .p-datepicker-panel .p-datepicker-buttonbar {
    
    border-top: 1px solid #dadada;    padding: 10px;
}
.p-datepicker-panel .p-datepicker-buttonbar {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}.p-datepicker-panel .p-button.p-button-text {
    background-color: transparent;
    color: #7b95a3;
    border-color: transparent;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    font-size: 12px;
    background: #1f6035;
    color: #fff;
    padding: 0 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    width: auto;
}

.p-datepicker-panel .p-datepicker-clear-button .p-button {
    background: #dbdbdbc4 !important;
    color: #333;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-datepicker-clear-button {
    background: #dbdbdbc4;
    color: #333;
}
.p-datepicker-panel .p-datepicker-header {
    padding: 0;
    padding: 10px;
      background-color: #00602f !important;
    color: #fff;
}
.p-datepicker-panel .p-datepicker-header {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.p-datepicker-panel .p-ripple {
    padding: 4px 10px !important;
    border-radius: 20px;
}

.p-datepicker-panel .p-button.p-button-text {
    color: #fff;
}

.p-datepicker-panel table th {
    background: #83a546;
    COLOR: #FFF;
    TEXT-ALIGN: center;
}

.p-datepicker-panel .p-datepicker-day-view {
    font-size: 12px;
}
.p-datepicker-panel .p-disabled,.p-datepicker-panel .p-component:disabled {
    opacity: .5;
}

.p-datepicker-panel table td>span:hover {
    
    background: #cddc3973 !important;
}
.p-datepicker-panel .p-ripple:hover {
    color: #ffffff;
}


.p-datepicker-panel .p-datepicker-year:hover,
.p-datepicker-panel .p-datepicker-month:hover {
    background: #f0f2fc !important;
    color: #333 !important;   border-radius: 0 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button:hover, .p-datepicker-panel table td>span.p-highlight {
    color: #fff;
}

.p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}
.p-button-label {
    padding: 0.1rem 1rem;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
    color: #292929;
}.p-datepicker-panel svg.p-icon {
    color: #fff;
}

button.p-ripple.p-button.p-component.p-button-sm.p-datepicker-today-button {
    BACKGROUND: #1f6035;
}

button.p-ripple.p-button.p-component.p-button-sm.p-datepicker-today-button SPAN {
    COLOR: #FFF;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-button:HOVER {
    opacity: 0.8;
    color: #fff;
}

.p-datepicker-panel .p-datepicker-buttonbar {
    PADDING-BOTTOM: 0;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-button:HOVER {
    BACKGROUND: #83a546;
}

.modal-header {
    background: #146032;
    COLOR: #FFF;
    BORDER-RADIUS: 0;
    justify-content: space-between;
}

button.close.btn-close.pull-right {
    margin: 0;
    filter: brightness(0) invert(1);
}

h4.modal-title.pull-left {
    font-weight: 700;
    font-size: 1rem;
}



shc-check-box {
    width: 100%;
}


/* Hide the default checkbox */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

/* Add a nice hover effect */
input[type="checkbox"]:hover {
  border-color: #666;
}

/* Checked state */
input[type="checkbox"]:checked {
  background-color: #146032;
  border-color: #146032;
}

/* Checkmark */
input[type="checkbox"]:checked::after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background: none;
}

/* Optional focus effect */
input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #14603275;
}

input[type="checkbox"]:checked {
    display: inline-flex;
}
.form-group .ng-touched.ng-invalid {border-color: #d0dadf !important;}



.p-datepicker-dropdown:hover {opacity: 0.5;}

p-selectitem .p-select-option {
    display: flex !important;
    align-items: center;
    padding: 5px;
    margin: 0;
}

.p-select-header .p-iconfield {
    padding: 5px;
    border: 1px #d1dadf solid;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.p-select-header {
    padding: 10px;
}

p-inputicon.p-inputicon {
    top: auto;
}
.p-select-list-container {
    overflow: auto;
}
.p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}.p-select .p-select-overlay {
    overflow: hidden;
}

.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
    background: #cddc3933;
    color: #333;
}

p-selectitem .p-select-option:hover {
    background: #becc3452 !important;
}

.p-select-option.p-select-option-selected.p-focus {
    background: #becc3452 !important;
}

fb-hijri-calendar {
    width: 100%;
    display: block;
}

fb-hijri-calendar span.ui-float-label {
    flex-direction: column-reverse;
    height: auto;
    display: flex;
    align-content: flex-start;
}


fb-hijri-calendar  label.component-label {
    order: 0;
}

fb-hijri-calendar input {
    order: 1;
}

fb-hijri-calendar  .pi {
    font-family: primeicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


fb-hijri-calendar  span.ui-clickable.pi.pi-calendar:before {
    content: "\f073";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
}


fb-hijri-calendar .input-group {
    flex-direction: column;
}

fb-hijri-calendar  span.input-group-btn .ui-button .pi {
    display: flex;
    align-items: center;
}

fb-hijri-calendar  span.input-group-btn {
    height: 48px;
}

fb-hijri-calendar  span.input-group-btn .ui-button {
    height: 100%;
}



.ngb-dp-navigation-select {
    gap: 10px;
}



.ngb-dp-day.ngb-dp-today .btn-light
 {
    background: #a7c66d8f;
}
.ngb-dp-arrow button:HOVER {
    BACKGROUND: NONE;
}


/* Hide original radio */
shc-radio-button .ui-g-4 input[type="radio"] {
  opacity: 0;
  position: absolute;
}

/* Label styling */
 shc-radio-button .ui-g-4 .form-check-label {
  position: relative;
  padding-right: 28px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  user-select: none;
}

/* Custom radio circle */
shc-radio-button .ui-g-4 .form-check-label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #c3c7cb;
  border-radius: 50%;
  background: #fff;
  transition: 0.2s ease;
  left: auto;
}

/* Checked state */
shc-radio-button .ui-g-4  input[type="radio"]:checked + .form-check-label:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
  background: #89af59;
  border-radius: 50%;
}

/* Disabled state */
shc-radio-button .ui-g-4 input[disabled] + .form-check-label {
  opacity: 0.5;
  cursor: not-allowed;
}

shc-radio-button .ui-g-4 input[disabled] + .form-check-label:before {
  border-color: #aaa;
}


.custom-disabled {
    opacity: 1!important;
}

.custom-disabled {
    background: none !important;
    border: 0 !important;
}


shc-radio-button .ui-g-4 .form-check-label {
    padding-top: 2px;
}

shc-dynamic-control {
    width: 100%;
    display: block;
}

.p-datatable-table-container {
    overflow: auto;
}
.p-datatable .p-datatable-thead>tr>th {
    text-align: left;
    border-left: 0;
    padding: .571rem .857rem;
    border: 1px solid #dadada;
    border-width: 1px 1px 1px 1px;
    font-weight: 700;
    color: #000;
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
    background: #f7f9f2;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}

.p-datatable-table {
    border: 1px solid #ccc;
}table.p-datatable-table th,
table.p-datatable-table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}/* Table full border + cell borders */
table.p-datatable-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
}

table.p-datatable-table th,
table.p-datatable-table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}

/* Make the last two columns auto-fit their content */
table.p-datatable-table th:last-child,
table.p-datatable-table td:last-child,
table.p-datatable-table th:nth-last-child(2),
table.p-datatable-table td:nth-last-child(2) {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

/* Optional: smoother header style */
table.p-datatable-table thead th {
    background: #f8f8f8;
    font-weight: 600;
    color: #333;
}

.p-datatable-tbody:has(+ .p-datatable-tfoot) > tr:last-child > td {
    border-width: 1px !important;
}

/* إخفاء أيقونة PrimeNG الأصلية */
.p-button-link .pi {
    display: none !important;
}

/* ======== Pencil (Edit) ======== */
.p-button-link[icon="pi pi-pencil"]::before {
    font-family: "Font Awesome 5 Free";
    content: "\f044"; /* fa-edit */
    font-weight: 900;
    font-size: 18px;
    color: #146032;
}

.p-button-link[icon="pi pi-pencil"]:hover::before {
    color: #86a64c;
}

/* ======== Trash (Delete) ======== */
.p-button-link[icon="pi pi-trash"]::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f8"; /* fa-trash */
    font-weight: 900;
    font-size: 18px;
    color: #d9534f;
}

.p-button-link[icon="pi pi-trash"]:hover::before {
    color: #b4312f;
}

.p-button-link {
    position: relative;
    padding: 0 8px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 0;
}

.p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}

@media(min-width:768px) {
    
    

.inner-profile.page-content.programs-cont {
    width: calc(75% - 30px);
}


.Traveler-Details-step button.btn.active.pull-right.btn-sm.btn-primary {
    margin-top: 0 !important;
    position: absolute;
    right: 30px;
    top: 20px;
}
}
.Traveler-Details-step button.btn.active.pull-right.btn-sm.btn-primary {
    margin-top: 0 !important;
  

}
.Traveler-Details-step .form-group.editor-control {
    margin: 0;
}

.Traveler-Details-step .fb-lable-style P {
    DISPLAY: NONE;
}

@media(max-width:767px) {
p-table {
    margin-top: 15px;
    display: block;
}}

.p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}


.modal-content {
    padding: 0px !important;
    border: 0;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    padding: 20px 20px 10px;
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.modal-open .modal {
    display: flex !important
;
}

.modal-content .pop-buttons {
    display: flex;
}

.modal-content div[style="margin-top: 25px;"] {
    margin-top: 0 !important;
}



.modal-open .modal .verification-option label {
    display: inline-flex;

}

.modal-content h1,.modal-content .inserOtp-title {
    font-size: 20px;
}


.modal .inserOtp-title {

    margin-bottom: 5px;
}

.modal  input#verificationInput {
    width: 100%;
    border: 1px #b1b2b3 solid;
    border-radius: 4px;
    padding: 10px 10px;
}

.modal  .col-12.px-0.d-inline-flex.justify-content-center {
    margin-top: 10px;
    margin-bottom: 20px;
    /* background-color: #5874b0; */
}
@media(min-width:767px){
.modal-dialog {
    min-width: 500px;
}}
.modal  .col-12.px-0.d-inline-flex.justify-content-center button {
    width: 50%;
    padding: 10px 0;
    margin-right: 0 !important;
}

.modal  button#verify_submit {
    background-color: #5874b0;
    color: #fff;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center button.btn-default.btn-sm {
    background: #999999;
    color: #ffffff;
    margin-right: 10px !important;
}

.modal .expiredText {
    margin-bottom: 5px;
}

.p-overlay-mask {
    background-color: rgba(0, 0, 0, 0.4) !important;
    pointer-events: auto !important;
}

.p-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    max-height: 90%;
    transform: scale(1);
    max-width: 95%;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    background: #fff;
    width: 62.3%;
}


.p-dialog .p-dialog-header .p-dialog-title {
    color: #fff;
    padding: 8px;
    font-weight: 600;
}

.p-dialog .p-dialog-header .p-icon {

    color: #fff;
}


.p-dialog .p-dialog-content {
    padding: 20px;
}

.p-dialog-content .row.row-margin ~ .form-row button:last-child {
    color: #fff !important;
    background-color: #1f6035 !important;
}

.p-dialog .p-dialog-content {
    background: #fff !important;
}

.p-dialog .p-dialog-content {
    background: #fff !important;
}


p-datepicker {
    display: flex !important;
}
.modal .opt-modal {
    padding: 0;
}


.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center {
    gap: 20px;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center button.btn-default.btn-sm {
    padding: 0;
    border: 0;
}

.modal button#verify_submit {
    background-color: #81a53f;
    border: 0;
}


.apply-now .upload-file {
    position: relative;
}

.apply-now  .form-check-label {margin-top:0}
.apply-now .custom-file-input {
    opacity: 1;
    left: 0;
    top: 0;
    color: #333;
    height:50px;
}

.apply-now .check-id h5 {
    display: none;
}

.apply-now .check-id {
    position: relative;
}

.apply-now .check-id {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.apply-now .form-check-input {
    position: relative;
}

.apply-now .form-check-input {
    margin-left: 0;
    margin-top: 0;
}

.apply-now .text-center {
    margin-top: 50px;
}



.apply-now .check-id {
    margin-top: 40px !important;
}


.apply-now .form-intro {
    margin-top: 0;
    margin-bottom: 20px;
}

.apply-now .form-intro {
    margin-top: 0;
    margin-bottom: 20px;
}

.apply-now .form-block:first-child label {
    margin: 0;
}



.apply-now .col-12.form-block ~ div {
    display: block;
    width: 100%;
}


.apply-now .upload-file {
    border-radius: 4px;
    min-height: 36px;
    align-items: center;
    margin-top: 20px;
    MARGIN-BOTTOM: 20px;
}

.apply-now .upload-file label.custom-file-label {
    margin-top: 0;
}

.apply-now .check-id {
    margin-top: 0 !important;
}

.apply-now .custom-file-label ~ span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;

    white-space:nowrap;
   
    Z-INDEX: 1;
 
    margin-top: -45px;
    background: #fff;
    width: 100%;
}
.apply-now .custom-file-input {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    min-width: 100px;
    white-space: nowrap;
    Z-INDEX: 1;
    margin-top: 0;
    background: #fff;
    width: 100%;
    padding-top: 10px;
    padding: 11px;
    border: 1px solid #d0dadf !important;
    border-radius: 5px;
}
.section-financial-box .desc-block ul li {
    margin: 0;
}
.apply-now label.custom-file-label {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}
.apply-now .col-4 {
    padding-right: 15px;
    padding-left: 15px;
}
.apply-now .card .card-body {
    padding: 2px 20px;
    display: flex;
    flex-wrap: wrap;
}

.apply-now  .card {
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
    width: 100%;
    border: #d7dfe3 solid 1px;
    box-shadow: 0 5px 20px #0000000d;
    border-radius: 10px;
}


.contact .form-block {
    position: relative;
}

.contact .form-block>div {
    position: relative;
}.najem-custom-p .file-upload-section {
    position: relative;
}

.najem-custom-p .custom-file-input {
    right: 0;
    top: 34px;
    right: 20px;
}

.najem-custom-p label.custom-file-label {
    margin-top: 0 !important;
}

.najem-custom-p .custom-file-label::after {
    position: absolute;
    left: 0;
    background: #f3f3f3;
    top: 0;
    padding: 0 20px;
    font-size: 14px;
}
.form-check.WishToRepairTheVehicleAtICWorkshops {column-gap: 9px;}
.najem-custom-p label.custom-file-label {font-size: 0;}

.najem-custom-p .clickable-div {
    margin-top: 0;
}.najem-custom-p .custom-file-input {
    top: 27px;
    right: 0;
    padding-top: 8px;
}.form-check {
    gap: 20px;
}.najem-custom-p label.custom-file-label {
    max-height: 46px;
}

.najem-custom-p .custom-file-label::after {
    height: 45px;
}

.najem-custom-p .attachmentItem {
    background: #eef3e6;
    padding: 2px 20px;
}

.najem-custom-p .outerAdditionalExpensesAttch {
    position: relative;
}
.location-item  .container {
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 40px 0 rgb(0 0 0 / 7%);
    background: #fff;
    -webkit-transition: all .35s;
    transition: all .35s;
    border: 0;
    color: #333;
    display: block;
    padding: 30px;
    padding-bottom: 80px;
}

.location-item  .description:after {
    content: 'عرض الخريطة [+]';    content: 'View Map [+]';
    display: block;
    padding-top: 40px;
    color: #83a546;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}
.location-item  .title {
    line-height: 22px;
    color: #205a31;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: bold;
}
.location-item .description:before {
    width: 24px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-size: contain;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f3c5";
    font-size: 40px;
    color: #85a54c;
}

modal-container button.close {
    background: none;
    border: 0;
}

.direction-btn .card {
    color: #fff;
}
.apply-now  .col-4.form-block {
    flex: 0 0 auto;
    width: 33.33333333% !important;
}
.saving-form.section-contact input[bsdatepicker] {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 0px;
    border-radius: 5px !important;
}.saving-form.section-contact .input-group-append button.btn.btn-secondary:hover {
    border: 0;
}
.saving-form.section-contact .input-group-append button.btn.btn-secondary {
    border: 0 !important;
}

.saving-form.section-contact .input-group-append {
    position: absolute;
    left: 0;
}

.saving-form.section-contact .input-group-append button.btn.btn-secondary {
    background: none;
    color: #146032;
}
.blocks-green .title-block a {
    display: flex;
    color: #333;
}
.saving-form.section-contact label[for="ClaimSubmitDate"] ~ .input-group input.ng-invalid {
    border: 1px solid #d0dadf !important;
}

shc-dynamic-control {
    display: flex;

    align-items: flex-start;    height: 100%;
}

shc-dynamic-control shc-text-box {
    width: 100%;
}

fb-calendar {
    width: 100%;
}

shc-drop-down {
    width: 100%;
}
shc-file-upload
 {
    width: 100%;
}

.col-md-8 .editor-control.col-md-6 {
    width: 100%;
}

p-fileupload .p-fileupload-header p-button {
    margin: 0;
    padding: 0;
    /* background: none; */
    border-radius: 6px;
}

p-fileupload .p-fileupload-header p-button button {
    padding: 0;
}

p-fileupload .p-fileupload-header .p-button-label {
    background: none;
    border: 0;
    font-size: 14px;
}

p-fileupload  .btn:after,p-fileupload  button:after {
    display: none;
}

p-fileupload  .p-fileupload-cancel-button {
    background: #e7e1e1;
    padding: 0 10px !important;
}

.p-fileupload-cancel-button span,.p-fileupload-cancel-button svg {
    color: #333;
}

.p-fileupload-cancel-button path {fill: #333 !important;}

p-fileupload .p-fileupload-header p-button button {
    /* background: red; */
    display: flex;
    height: 100%;
    border-radius: 5px;
    padding: 0 10px!important;
}

p-fileupload .p-fileupload .p-fileupload-content {
    padding: 0;
    display: block;
}

ul.file-container {
    padding: 10px 10px;
}

p-fileupload .p-fileupload-content .p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-content p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-file-thumbnail {
    object-fit: cover;
}
p-fileupload .p-fileupload-header p-button button {
    min-height: 34px;
}


.fb-lable-style[for="control1"] p ~ p ~p {
    display: none;
}

.fb-lable-style[for="control1"] p ~ p {
    margin-bottom: 0;
}


shc-data-table {
    margin-top: 15px;
    width: 100%;
}

div#preview .form-group {
    margin-bottom: 0;
}
body .p-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    max-height: 90%;
    transform: scale(1);
    position: relative;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
    border: 1px solid rgb(241, 241, 241);
}

.p-dialog-footer {
    border-top: 1px solid rgb(218, 218, 218);
    background: rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    text-align: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 0.571rem 1rem !important;
}.p-button-label {
    border: 1px solid #1f6035;
    background: #1f6035;
    padding: 0.429rem 1rem;
    font-size: 1rem;
    padding: 10px 25px !important;
    border-radius: 30px !important;
    font-size: 12px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0px;
    color: rgb(255, 255, 255);
}
.p-dialog .p-confirmdialog-reject-button .p-button-label:hover {
    background: rgb(31, 96, 53);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(31, 96, 53);
}
.p-dialog .p-confirmdialog-reject-button .p-button-label {
    background: rgb(229 229 229);
    color: #333;
    border: 1px solid rgb(205 204 204);
}

.p-confirmdialog .p-dialog-content {
    border: 0;
}

.p-dialog .p-dialog-header {
    border: 0;
}

.p-button-label:hover {
    opacity: 0.8;
}.p-select-option {
    white-space: normal !important;
    font-size: 13px;
}

.p-confirmdialog,.p-confirmdialog[style="width: 50vw; display: flex; flex-direction: column; pointer-events: auto; z-index: 1102;"] {
    max-width: 370px;
}
.controles-container.row {row-gap: 15px;}
.controles-container fieldset.fieldset-box {
    row-gap: 15px;
}
.container-row.show {
    padding: 0 10px;
}
.modal-content .pop-buttons {
    display: flex;
}

.modal-content div[style="margin-top: 25px;"] {
    margin-top: 0 !important;
}


.mainPopup .clickable-div {font-size: 0;position: absolute;margin-top: 0;right: 15px;}

.mainPopup label.custom-file-label {
    padding-top: 0;
    font-weight: 400;
    color: #666;
}

.mainPopup .btn:disabled {
    color: #fff;
}
.mainPopup input[type="file"] {
    margin-top: 4px;
}

.mainPopup input[type="file"] {
    padding-right: 40px;
}

.mainPopup {
    max-height: 290px;
    overflow-y: auto;
}
.modal-content .pop-buttons .btn:disabled {
    color: #fff;
}
.mainPopup .text-danger {
    margin-top: -20px;
}

.section-table-claim  td.kt-datatable__cell span.kt-badge.kt-badge.customStyle {
    display: block;
    width: 100%;
   
}
.programs-cont .accordion {
    display: flex;
    flex-direction: column;
 
}
.controles-container.row {
    row-gap: 0;
}

.programs-cont .accordion {
    gap: 0;
}

#preview .col-md-12 shc-dynamic-control p {
    margin-bottom: 0;
}
.programs-cont div#preview .form-group {
    MARGIN-BOTTOM: 15px;
}.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
    color: #333 !important;
}

shc-dynamic-control shc-button {
    display: flex;
    height: 100%;
    align-items: end;
}

/* Container */
.p-toast-message-content {
  background: #ffffff;
  border-radius: 14px;
  padding: 25px 30px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  width: 380px;
  text-align: center;
  animation: fadeIn 0.25s ease-out;
  border-left: 6px solid #d9534f; /* Red alert line */
}

/* Icon */
.p-toast-message-content .error-message {
  color: #d9534f;
  font-size: 45px !important;
  margin-bottom: 10px;
}

/* Title */
.p-toast-message-content h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
}

/* Message */
.p-toast-message-content p {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #555;
}

/* Button Area */
.ui-button-danger {
  background: #d9534f !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 20px !important;
  font-size: 15px;
  border-radius: 10px !important;
  cursor: pointer;
  transition: 0.2s ease;
  width: 100%;
}

.ui-button-danger:hover {
  background: #c64542 !important;
}

/* Close (X) Button */
.p-toast-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.p-toast-close-icon svg {
  width: 18px;
  height: 18px;
  color: #444;
  transition: 0.2s;
}

.p-toast-close-icon svg:hover {
  color: #d9534f;
}
.p-dialog-mask {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
/* Animation */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.programs-cont .p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
}

/* Container */
.p-toast-message-content {
  
  padding: 25px 30px !important;

}



/* Close (X) Button */
.p-toast-close-button {
  position: absolute !important;
}

.p-toast-close-icon svg {

  color: #ffffffb0 !important;

}

.p-toast-close-icon svg:hover {
  color: #d9534f;
}

input[type=email]:disabled, input[type=number]:disabled, input[type=text]:disabled {
    background: none;
    opacity: 0.5 !important;
}

input[type=email]:disabled ~ button.p-datepicker-dropdown {
    opacity: 0.5 !important;
}


input.p-inputtext[disabled] ~ button.p-datepicker-dropdown {
    opacity: 0.5;
}

.controles-container fieldset.fieldset-box {
    margin: 0;
}


.p-toast:not(.p-toast-top-right) .p-toast-message {
    height: 100% !important;
}

p-toast>div:not(.p-toast-top-right) {
    top: 30% !important;
}
.programs-cont  .box-footer {
    z-index: 0 !important;
}
@media(max-width:768px){ .apply-now  .col-4.form-block {
    flex: 0 0 auto;
    width: 100% !important;
}
}
.najem-custom-p .col-4>div {
    position: relative;
}.contact-details .card {padding: 20px;}
.p-datatable-tbody > tr > td {
    border-color: #ccc !important;
    padding: 8px 10px !important;
}@media (min-width: 1400px)
{
.inner-banner .title {
    max-width: 1320px;
}
}



@media (max-width: 768px) {
.col-4 {
    flex: 0 0 auto;
    width: 100%;
}
    
shc-preview fieldset.fieldset-box .col-md-4, shc-preview fieldset.fieldset-box .col-md-3 {
    width: 100%;
}
.controles-container fieldset.fieldset-box .col-md-8 {
    padding-left: 15px;
    padding-right: 14px;
}
    .controles-container fieldset.fieldset-box {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.controles-container fieldset.fieldset-box legend.subject-legend {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}








@media(min-width:769px){
    
    

.Traveler-Details-step .righ-align-btn button.btn.active.pull-right.btn-sm.btn-primary {
    top: -34px !important;
    margin-right: -15px;
}


.righ-align-btn button.btn.center-block.btn-md.btn-primary {
    margin-top: -40px !important;
    text-transform: initial;
}

.righ-align-btn shc-dynamic-control {
    justify-content: end;
    margin-top: 0;
}

.righ-align-btn .form-group.editor-control {
    margin-bottom: 0 !important;
}}

@media(max-width:768px){
.righ-align-btn button.btn.center-block.btn-md.btn-primary {
    margin-top: 10px !important;
    text-transform: initial;
}



.righ-align-btn .form-group.editor-control {
    margin-bottom: 0 !important;
}}

.asterisk {
    color: red;
}

.programs-cont .fieldset-box .subject-legend ~ div:not([class^="col-md-"]) {
    z-index: 1;
    position: relative;
}
body .p-dialog .p-dialog-content {border: 0;}

.p-dialog  .form-group {
    margin-bottom: 15px !important;
}

#preview span[style="color: #676356 !important;"] strong {
    color: #146032 !important;
}


#preview span[style="color: #676356 !important;"] strong {
    color: #146032 !important;
}

.resend-btn button.btn.center-block.btn-sm.btn-primary {
    margin-top: -20px;
}
@media(max-width:768px){.resend-btn button.btn.center-block.btn-sm.btn-primary {
    margin-top: 0;
}.modal-dialog {
    width: 100%;
}
.programs-cont .form-row:nth-last-child(2) shc-dynamic-control shc-button button {
    margin-top: 0 !important;
}}


@media(min-width:769px){
.form-block:first-child .radio-group {
    width: 49%;
}}



.sub-stepper .form-check-input:checked {
    background-color: #3f4650;
    border-color: #3f4650;
}


.sub-stepper .form-check-input ~ label.form-check-label {
    width: 100%;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 45px;
}

.sub-stepper .head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  position: relative;
  flex-direction: row;
}

/* Line behind steps */
.sub-stepper .head-container::before {
  content: "";
  position: absolute;
  top: 15px; /* aligns with circles */
  left: 0;
  right: 0;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}

/* Step container */
.sub-stepper .stepNameContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  background: #f7fbfe;
  padding: 0 10px;
  z-index: 2; /* puts it above the line */
  width: fit-content;
  align-items: center;
  gap: 10px;
}

/* Circle number */
.sub-stepper .stepNameContainer p:first-child {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 14px;
  transition: 0.3s;
}

/* Step title */
.sub-stepper .stepNameContainer p:last-child {
  color: #111924;
  font-size: 14px;
  margin-bottom: 0;
}

/* Active step */
.sub-stepper .stepNameContainer .active {
  background: #111924 !important; /* blue */
  box-shadow: 0 0 10px #00602f47;
}

/* Completed steps */
.sub-stepper .stepNameContainer.completed p:first-child {
  background: #28a745; /* green */
}

.sub-stepper .stepNameContainer.completed p:last-child {
  color: #28a745;
}.sub-stepper .btn-actions {
    margin-top: 15px;
    padding: 0 20px;
}

/* FORM CONTAINER */
.sub-stepper .container-fluid.no-gutters.inner-page {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    border: #efefef solid 1px;
    padding: 20px 25px;
 
}.stpper-cont {
    margin-bottom: 20px;
}
/* SECTION TITLE */
.sub-stepper .form-block h5 {
    margin-bottom: 10px;
    color: #333e48;
    background: transparent;
    width: 100%;
    font-size: 18px;
    display: block;
    text-align: left;
    width: 100%;
}

/* RADIO GROUP WRAPPER */
.sub-stepper .radio-group {
    display: flex;
    align-items: center;
    padding: 15px 14px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    transition: 0.25s ease;
    gap: 10px;
    position: relative;
    min-width: 32.5%;
}

/* Hover effect */
.sub-stepper .radio-group:hover {
    background: #eef4ff;
    border-color: #3f4650;
}


/* LABEL TEXT */
.sub-stepper .radio-group label {
    font-size: 15px;
    color: #444;
    cursor: pointer;
}

/* WHEN SELECTED */
.sub-stepper .radio-group input[type=radio]:checked + label {
    font-weight: 600;
    color: #000000;
    border: 1px #989ca1 solid;
    border-radius: 6px;
}

/* BUTTONS */
.sub-stepper .btn-actions {text-align: right;}



/* RESPONSIVE */
@media (max-width: 576px) {
   .sub-stepper form {
        padding: 20px;
    }

   .sub-stepper .radio-group {
        padding: 8px 10px;
    }
}


.sub-stepper app-form-builder {
    display: block;
}

.sub-stepper .form-block {margin-bottom: 20px;}

.sub-stepper .form-block:last-child {
    margin-bottom: 0;
}



.sub-stepper .form-block:nth-child(3) {
    margin-bottom: 0;
}

.sub-stepper .stepNameContainer p:first-child:not(.active) {
    opacity: 0.8;
    color: #111924;
}

.sub-stepper .stepNameContainer p:first-child:not(.active)~p {
    opacity: 0.5;
}

.sub-stepper .form-block > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sub-stepper hr {
    display: none;
}
.sub-stepper .summary-card {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    border: #efefef solid 1px;
    padding: 20px 25px;
}

.sub-stepper .summary-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 10px;
}

.sub-stepper .summary-col h4 {
    width: 100%;
    margin-bottom: 0;
    margin-bottom: 10px;
    color: #333e48;
    background: transparent;
    width: 100%;
    font-size: 18px;
    display: block;
    text-align: left;
    width: 100%;
}

.sub-stepper .summary-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;    gap: 10px; 
    width: 33.33333333%;
}

.sub-stepper .label {
    color: #333;
}

.sub-stepper .value {
    font-weight: 600;
}

.sub-stepper .summary-text {
    /* font-size: 16px; */
}

.sub-stepper .summary-icon {
    font-size: 20px;
    color: #5e5e5e;
}
/* ------------------------- */
/* FORM WRAPPER */
/* ------------------------- */
.claim-sub .claim-step2 {display: flex;row-gap: 15px;flex-wrap: wrap;}

/* ------------------------- */
/* FORM FIELDS */
/* ------------------------- */
.claim-sub .field {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  padding: 0 15px;
}

.claim-sub .field label {
  font-size: 15px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}

.claim-sub .field input[type="text"], .claim-sub .search,input[type="tel"] {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #cfcfcf;
  background: #fafafa;
  font-size: 14px;
  transition: 0.2s;
}

.claim-sub .field input[type="text"]:focus,
.claim-sub .search:focus {
  border-color: #1f6035;
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(31,96,53,0.1);
}

/* ------------------------- */
/* RADIO GROUP */
/* ------------------------- */

.claim-sub .radio-group {
  gap: 10px;
  /* background: #ffffff; */
  border: 0;
  /* padding: 12px 15px; */
  /* border-radius: 10px; */
  padding: 0;
}

.claim-sub .radio-group.small {
  margin: 10px 0 20px;
  flex: 1 0 0;
  display: flex;
  min-width: 33.3%;
  width: 33.33333333%;
}

/* Radio + label */
 .claim-sub .radio-group label {
  font-size: 14px;
  color: #444;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.claim-sub .radio-group input[type=radio] {
  transform: scale(1.2);
}

/* Checked state */
.claim-sub .radio-group input[type=radio]:checked + span,
.claim-sub .radio-group input[type=radio]:checked ~ label {
  color: #1f6035;
  font-weight: 600;
}

/* ------------------------- */
/* SECTION TITLES */
/* ------------------------- */


/* ------------------------- */
/* MAP AREA */
/* ------------------------- */

.claim-sub .map-wrapper {
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  width: 100%;
  max-width: 100%;
}

.claim-sub .map-wrapper p {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
  font-weight: 600;
}

/* Button */
.claim-sub .vehicle-location button {
  padding: 10px 18px;
  background: #00602f;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: 0.2s;
}

.claim-sub .vehicle-location button:hover {
  background: #004f26;
}

/* ------------------------- */
/* CHECKBOX */
/* ------------------------- */

.claim-sub .checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #333;
  cursor: pointer;
}

.claim-sub .checkbox input[type=checkbox] {
  width: 19px;
  height: 19px;
  accent-color: #1f6035;
}

/* ------------------------- */
/* RESPONSIVE */
/* ------------------------- */

@media (max-width: 576px) {
 .claim-sub .claim-step2 {
    padding: 18px;
  }

 .claim-sub .radio-group {
    flex-direction: column;
    gap: 12px;
  }

.claim-sub  button[type=submit],
 .claim-sub button[type=button] {
    width: 100%;
  }
}


.claim-sub .error {
    color: #ad0202;
    font-size: 11px;
}

.claim-sub .vehicle-location {
    width: 100%;
    padding: 0 17px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.claim-sub .radio-group label {
    margin-bottom: 0;
    align-items: center;
    padding: 13px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    position: relative;
    width: 50%;
    /* align-content: flex-start !important; */
}


.claim-sub .field~div:not(.field) {}

.claim-sub .field~div:first-of-type {
    flex: 1 0 0;
}

.claim-sub .field~div:not(.field) {
    flex: 1 0 0;
    display: flex;
}

.claim-sub .field~div:not(.field) .field {
    width: 50%;
}

.claim-sub .radio-group:hover {
    background: none;
}

.claim-sub .vehicle-location .radio-group label {flex: 1 0 0;display: flex;}

.claim-sub .additional-expenses {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
}
/* Wrapper for icon + input */
.claim-sub .search-wrapper {
    position: relative;
    width: 100%;
}

/* Font Awesome Search Icon */
 .claim-sub .search-wrapper .search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #777;
    pointer-events: none;
}

/* Search Input */
#pac-input.search {
     width: 100%;
    font-size: 15px;
    color: #333;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    transition: all 0.25s;
    margin-bottom: 20px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23888' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c28.4-34.9 45.5-79.3 45.5-127C450.8 96.5 354.3 0 232.4 0S14 96.5 14 216s96.5 216 216 216c48.7 0 92.1-17.1 127-45.5L442.7 505c4.5 4.5 10.6 7 17 7s12.5-2.5 17-7C514 467.7 514 451.7 505 442.7zM230 368c-83.8 0-152-68.2-152-152S146.2 64 230 64s152 68.2 152 152-68.2 152-152 152z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
    background-size: 18px;
    background-position: 12px center;
    padding-left: 42px;
}

/* Placeholder */
#pac-input.search::placeholder {
    color: #999;
}

/* Focus effect */
#pac-input.search:focus {
    border-color: #1f6035;
    box-shadow: 0 0 0 3px rgba(31,96,53,0.12);
    outline: none;
}

@media (max-width: 576px) {
    #pac-input.search {
        padding-left: 38px;
        font-size: 14px;
    }
}



.claim-sub .address-box {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.claim-sub .vehicle-location h3 {
    width: 100%;    font-size: 18px;
    display: block;
    margin-bottom: 0;
}
.claim-sub .ng-select .ng-select-container {
    min-height: 47px !important;
}
.claim-sub .radio-group.small ~ div {
    width: 100%;
}

.claim-sub .address-box .field {
    flex: 1 0 0;
    display: flex;
}

.claim-sub .address-box .field ng-select {
    padding: 0 !important;
    border: 0 !important;
}
.sub-stepper .btn-container {
    justify-content: space-between;
    padding: 0 15px;
    flex-direction: row-reverse;
}

.sub-stepper  button.btn.back {
    background: #e7e1e1;
    color: #333 !important;
}



.radio-container {display: flex;flex-direction: row-reverse;align-items: center;gap: 8px;}

.radio-container i {
    font-size: 15px;
    opacity: 0.8;
}

.sub-stepper .radio-group label {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 60px 0 53px;
}

.sub-stepper .radio-group {
    position: relative;
}

.sub-stepper .summary-card  ~ .container {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    border: #efefef solid 1px;
    padding: 20px 10px;

}

.claim-sub .radio-group label {
    position: initial;
    padding: 0 10px;
}

.claim-sub .radio-group input[type=radio] {
}

.claim-sub .field~div:not(.field) .field {
    width: 33.33333333%;
}

.claim-sub .additional-expenses {padding: 10px 15px 20px;}

.claim-sub small.hint {
    margin-top: 5px;
    color: #5e9b17;
}

.sub-stepper .summary-col h4 {
    margin-top: 7px;
    margin-bottom: 0;
}
.sub-stepper .btn-container {
    width: 100%;
    display: flex;
}
.sub-stepper .summary-col:last-child .summary-row {
    margin-bottom: 0;
}



.claim-sub .additional-expenses {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.claim-sub .checkbox input[type=checkbox] {
    justify-content: center;
    align-items: center;
}

.claim-sub .additional-expenses label.checkbox {}

.claim-sub .additional-expenses label.checkbox ~ div {
    width: 100%;
    /* display: flex; */
    border-top: 1px #e5e5e5 solid;
    padding-top: 15px;
    margin-top: 7px;
}

.section-sub-stepper .total {
    font-weight: 600;
    font-size: 16px;
    margin-top: 13px;
}

.section-sub-stepper button[type="button"] {
    line-height: 1;
    border-radius: 0;
    text-transform: uppercase;
    border: solid 1px transparent;
    color: #fff;
    background-color: #146032;
    border-color: #1f6035;
    font-weight: 400;
    line-height: 1;
    border-radius: 0;
    text-transform: uppercase;
    border: solid 1px transparent;
    font-size: 12px;
    padding: 15px 25px;
    border-radius: 30px;
}

/* Each Row */
.expense-row {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 19px;
  
}

/* Select + Input */
.expense-row select,
.expense-row input[type="number"] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: 0.2s ease;
    background: #fafafa;
}

.section-sub-stepper .expense-row select:focus,
.section-sub-stepper .expense-row input[type="number"]:focus {
    border-color: #0d6efd;
    background: white;
    box-shadow: 0 0 0 3px rgba(13,110,253,0.15);
}

/* Delete button */
.section-sub-stepper .delete-btn {
    background: #ff4d4f;
    border: none;
    color: white;
    font-size: 16px;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}

.section-sub-stepper .delete-btn:hover {
    background: #d9363e;
}

/* Mobile responsive */
@media (max-width: 600px) {
   .section-sub-stepper .expense-row {
        flex-direction: column;
        align-items: stretch;
    }

  .section-sub-stepper  .delete-btn {
        width: 100%;
    }
}



.section-sub-stepper .expense-row button {
    background: none !important;
    color: #e74b1a !important;
    padding: 0 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

.section-sub-stepper .expense-row button:hover {
    opacity: 0.8;
}


.sub-stepper .summary-card ~ .container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 20px;
}


.claim-sub .radio-group label {
    margin-bottom: 0;
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #cfcfcf;
    background: #fafafa;
    font-size: 14px;
    transition: 0.2s;
}

.claim-sub .radio-group {
    margin-bottom: 0;
    gap: 30px;
}

.section-sub-stepper .col-md-12.radio-group.small {
    width: 100%;
}

.section-sub-stepper .claim-sub .radio-group.small ~ div {
    margin: 0;
}

.section-sub-stepper .claim-sub .address-box .field {
    padding: 0;
}

.section-sub-stepper .claim-sub  .address-box {
    gap: 30px;
}

.section-sub-stepper .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    margin-top: 7px;
}

.section-sub-stepper .ng-select .ng-select-container {
    border-radius: 7px;
}


.claim-sub .additional-expenses {
    padding: 0 20px;
}

.section-sub-stepper button[type="button"] {width: auto;}


/* --- Container --- */
.apply-now  .upload-file {
    display: flex;
    flex-direction: column;
    gap: 10px;
   
}

/* --- Upload Label + Input --- */
.apply-now  .custom-file-input {
    display: none; /* hide actual input */
}

.apply-now  .custom-file-label {
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    text-align: right;
    transition: 0.3s ease;
}

.apply-now  .custom-file-label:hover {
    background: #eaeaea;
}

/* --- Attachment List --- */
.apply-now  .attachmentFileDiv {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* --- Each file row --- */
.apply-now  .attachmentItem {
    background: #87a55233;
    padding: 0 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: 0.3s ease;
    flex-direction: row-reverse;
}

.apply-now  .attachmentItem:hover {
    background: #f4f4f4;
}

/* --- Delete icon --- */
.apply-now  .iconDelete {
    color: #d9534f;
    cursor: pointer;
    font-size: 16px;
    transition: 0.25s;
}

.apply-now  .iconDelete:hover {
    color: #b52b27;
}

/* --- File name --- */
.apply-now  .downLoadNameBlob {
    font-size: 14px;
    color: #333;
    user-select: none;
}

/* RTL tweaks */
.apply-now  .upload-file * {
    direction: rtl;
}


.apply-now .custom-file-input {
    border: 0 !important;
    background: none;
    opacity: 0;
}

.apply-now .upload-file label.custom-file-label {
    justify-content: space-between;
    background: #fff;
}

.apply-now .custom-file-input:lang(en)~.custom-file-label:after {
    width: 51px;
    margin-left: -15px;
    height: 50px;
    background: #e9e9e9;
    font-weight: 700;
    color: #333;
}

.apply-now .attachmentFileDiv {
    padding: 0;
    border: 0;
    margin-top: 0;
    width: 100%;}

.apply-now .upload-file {
    margin-bottom: 0;
    margin-top: 0;
}

.vehicle-loc {
    width: 100%;
}

.additional-expenses label.form-check-label.fw-semibold[for="additionalExp"] {
    padding-left: 30px;
}

.additional-expenses .form-check.mb-2 {
    margin-bottom: 5px !important;
}

.additional-expenses .container {
    padding: 0;
}

.additional-expenses p.text-muted.small.mb-3 {
    padding: 0 30px;
}

.additional-expenses .card.p-3.shadow-sm {width: calc(100% - 57px);margin: 0 auto;border-color: #dee2e6;}

.additional-expenses .row.gx-3 {
    margin: 0;
}

[formarrayname="additionalExpenses"] {padding: 0 !important;margin: 0 !important;margin-bottom: 10px !important;}

.additional-expenses .row.gx-3.gy-2.align-items-center.border.rounded .col-md-8 {
    width: 100%;
    gap: 15px;
    display: flex;
    padding: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.additional-expenses .row.gx-3.gy-2.align-items-center.border.rounded .col-md-8:last-child {
    margin-bottom: 10px;
}

.additional-expenses .form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-y: center;
    background-position-x: 98%;
}

[formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0 {
    width: 100%;
    border-radius: 4px;
    background: none;
}

[formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0 i {
    color: #333;
    font-size: 16px;
}

.additional-expenses .d-flex.justify-content-between.mt-2.error {
    margin-top: 0 !important;
}

.additional-expenses span.fw-semibold {
    font-weight: 600 !important;
}

.additional-expenses span.fw-semibold ~ span.fw-semibold {
    font-size: 22px;
    font-weight: 400 !important;
}

.additional-expenses .d-flex.justify-content-between.mt-2 {
    align-items: center;
}

.additional-expenses [formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0:hover {
    opacity: 0.8;
}

.section-sub-stepper .claim-sub .field ng-select {
    padding: 0 !important;
    border: 0 !important;
}



.upload-box {
    border: 2px dashed #dcdcdc;
    padding: 40px 15px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    transition: 0.2s;
}
 
.upload-box:hover {
    background-color: #f8f9fa;
    border-color: #bfbfbf;
}
 
.upload-content .plus-sign {
    font-size: 32px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
    color: #6c757d;
}

.doc-step button.btn.btn-link.p-0 {
    background: #fff;
    border: 2px dashed #dcdcdc;
    padding: 40px 15px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    transition: 0.2s;
    color: #333;
    text-decoration: none;
    padding: 16px 11px !important;
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-bottom: 16px;
    font-weight: 600 !important;
}

.doc-step button.btn.btn-link.p-0:focus {
    outline: 0;
}

.doc-step button.btn-link.remove {
    margin-top: 10px;
    text-decoration: none;
}
.doc-step button.btn.btn-outline-secondary {
    border: 1px #d1dadf solid;
    color: #333;
    background: none;
}
.doc-step button:hover {
    opacity: 0.8;
}
/* Main wrapper */
.doc-step .input-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* File input */
.doc-step .input-group input[type="file"] {
    flex: 1;
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
}

/* Upload button */
.doc-step .input-group button.btn-outline-secondary {
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
}

/* Remove button */
.doc-step .input-group button[type="button"] {
    border-radius: 8px;
    border: 1px solid #dc35451f;
    background: #ffe6e9;
    color: #dc3545;
    font-size: 14px;
    cursor: pointer;
}
.doc-step .input-group button[type="button"]:hover {
    background: #dc3545;
    color: white;
}

.doc-step .form-control[type=file]:not(:disabled):not([readonly])::file-selector-button {
    background: none;
}

.doc-step .form-control[type=file]:not(:disabled):not([readonly])::file-selector-button:hover {
    opacity: 0.8;
}






.upload-box  input.d-none {
    display: block !important;
    font-weight: bold;
    position: absolute;
    border-radius: 6px;
    color: #1f6035;
}

.upload-box input.d-none::file-selector-button {
    font-size: 0;
    border: 0;
}


.section-sub-stepper h6 {
    font-size: 18px;
}

.section-sub-stepper h6 {
    font-size: 18px;
}

.upload-box input.d-none {
    width: 100%;
    text-align: center;
    display: flex !important;
    align-items: center;
    padding: 5px 15px;
    /* background: #dcdcdc; */
    right: 0;
    bottom: 0;
    border-top: dashed 1px;
    font-size: 15px;
    border-color: #dcdcdc;
}

.upload-box input.d-none::file-selector-button {
    text-align: center;
  display:none;
}

.upload-box {
    position: relative;
}

section.card.docs-card {margin-bottom: 5px;}

section.card.docs-card, section.card.contact-card,section.card.terms-card {
    border-color: #e9ecef;
    padding: 15px;
}

.row.cntainer-check {
    margin: 0;
}

.section-sub-stepper  .contact-card {
    margin-bottom: 20px;
}

.section-sub-stepper  .doc-row {
    background: #f7fbfe;
    display: flex;
    justify-content: space-between;
    border: 1px #e9ecef solid;
    border-radius: 10px;
    align-content: center !important;
    padding: 10px 10px;
}

.section-sub-stepper  li.doc-row::before {
    display: none;
}

.section-sub-stepper  .doc-row span {
    height: 100%;
    display: flex;
    height: 100%;
}

.section-sub-stepper  .terms-text li:before {
    display: none;
}

.section-sub-stepper  ol.terms-text {
    padding: 0 20px;
    background: #f7fbfe;
    padding: 15px 30px;
    border-radius: 14px;
}

.section-sub-stepper h3.card-title {
    font-size: 18px;
}


button.close.pull-right {
    background: none;
    border: 0;
}

.theme-default .bs-datepicker-head {
    background: #146032;
}
/* new update */
.doc-row button.btn-link {
    padding: 5px 10px;
    text-decoration: none;
    text-transform: initial;
}

.doc-row button.btn-link:hover {
    opacity: 0.8;
}
.section-sub-stepper h3.card-title {
    gap: 10px;
    display: flex;
}

.section-sub-stepper h3.card-title i {
    color: #666;
}

.section-sub-stepper .doc-row {
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.section-sub-stepper .doc-row i {
    color: #666;
    font-size: 17px;
}

.doc-row button.btn-link {
    margin-left: auto;
}

.doc-status {
    background: #bef1cf;
    padding: 0 6px;
    border-radius: 4px;
}

.section-sub-stepper .contact-card .field input[type="email"] {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 0px;
}


.sub-stepper .stepNameContainer .active {
    background: #00602f !important;
 
}
.container-fluid.no-gutters.inner-page > div {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0px;
    background: none;
}

.section-page-content {
}

.container-fluid.no-gutters.inner-page > div:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 30px;
    margin-right: 20px;
    margin-bottom:0;
}

.radio-container i {
    color: #84a64b;
}

.sub-stepper .form-check-input:checked {
    background-color: #00602f;
    border-color: #00602f;
}.claim-sub .claim-step2 h3 {
    border-left: 0;
    color: #333;
    font-size: 25px;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
}

.claim-sub .claim-step2 h3:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 0;
    margin-right: 20px;
}

.sub-stepper .summary-icon {
    color: #00602f;
}

.section-sub-stepper h6 {
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: #81a53f;
    position: relative;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 400 !important;
}

.vehicle-loc {
    margin-top: 10px;
}
button.close.pull-right {
    color: #fff;
}
[formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0 {
    background: #ffd0e0;
}

[formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0 i {
    color: #780000;
}
.modal-dialog.modal-md button.close.pull-right {
    color: #fff;
}

.modal-dialog.modal-md .modal-footer {
    justify-content: space-between;
}



.modal-dialog.modal-md  button.btn.btn-secondary {
    background: #e7e1e1;
    color: #333;
}

.sub-stepper .radio-group:hover{border-color:#84a64b;}

.modal-dialog.modal-md button.close.pull-right {
    color: #fff;
}

.modal-dialog.modal-md .modal-footer {
    justify-content: space-between;
}


.modal-dialog.modal-md  button.btn.btn-secondary {
    background: #e7e1e1;
    color: #333;
}


.alert.alert-light.border {
    background: #8bc34a21;
}

.doc-step i {
    color: #00602f;
}

.upload-content .plus-sign {
    color: #81a53f;
}

.doc-step button.btn.btn-link.p-0 {
    color: #1f6035;
}

.card-header .badge.bg-secondary {
    background-color: #F44336 !important;
}

.doc-step button.btn.btn-link.p-0:hover {
    border-color: #81a53f;
    background: #f8f9fa;
}

.upload-box:hover {
    border-color: #81a53f;
}

.doc-step .input-group button.btn-outline-secondary {
    background-color: #146032;
    border-color: #1f6035;
    color: #fff;
}

.doc-step .input-group button.btn-outline-secondary i {
    color: #fff;
}


.docs-card .card-title i, .terms-card .card-title i,.contact-card .card-title i {
    color: #1f6035 !important;
    font-size: 20px;
}

.docs-card .card-title:before,.terms-card .card-title:before ,.contact-card .card-title:before{
    display: none;
}

ul.docs-list {
    margin-bottom: 0;
}

.docs-card .card-title {
    margin-bottom: 17px;
}
.section-sub-stepper button[type="button"]:hover {
    opacity: 0.8;
}


.sub-stepper .summary-row {
    width: 25%;
}
.sub-stepper .summary-col {
    column-gap: 20px;
}

.section-sub-stepper .note {
    display: flex;
    gap: 6px;
    color: #787373;
}

.section-sub-stepper .note:hover i {
    cursor: pointer;
    color: #226e41;
}
.section-sub-stepper .field {
  position: relative;
}
/* Hide tooltip by default */
.section-sub-stepper .field .tooltip {
    position: absolute;
    bottom: 90px;
    left: auto;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: 0.2s 
ease;
    z-index: 20;
    opacity: 1;
    width: calc(100% - 30px);
    top: auto;
}
/* Tooltip image */

.section-sub-stepper .field .tooltip img {
  width: 100%;
  border-radius: 6px;
}
/* Show tooltip when hovering on the icon */

.section-sub-stepper .field .note i:hover ~ .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px);
}
/* Add arrow */

.section-sub-stepper .field .tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.1));
}
.section-sub-stepper .field .tooltip::after {
    bottom: -10px;
    border-width: 0 10px 10px 10px;
    top: auto;
    transform: rotate(180deg);
}

#dwIbanLetter,.file-name {
  width: 100%;
  color: #333;
  font-size: 15px;
  padding: 8px;
  border-radius: 0;
  margin-bottom: 0;
  position: absolute;
  border-top: 1px #dcdcdc dashed;
  font-weight: bold;
  color: #1f6035;
}

/* Hide the "Choose File" button */
#dwIbanLetter::-webkit-file-upload-button,.file-name::-webkit-file-upload-button {
  display: none;
}
.upload-input {
    display: none;
}

.doc-step button.btn-link.remove {
    float: left;
    background: none;
    color: #FF5722;
    padding: 0;
    font-size:0;
    margin-top: -8px;
}

.doc-step button.btn-link.remove:before {
    font-family: "Font Awesome 6 Free";
    content: "\f00d";
    font-weight: 900;
    font-size: 16px;15px;
}

.file-name.has-file {
    padding-left: 34px;
    border: 0;
    right: 0;
    margin-top: -18px;
}
.file-name {
    left: 0;
    right: 0;
}
.doc-step button.btn-link.remove:hover {
    opacity: 0.8;
}
/* ===========================
   MAIN CARD
=========================== */
.policy-list-card .rowTableDiv .card {
    border: 1px solid #dcdcdc;
    padding: 20px;
    border-radius: 14px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.policy-list-card .header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.policy-list-card .card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1f1f1f;
    margin: 0;
}

/* arrow icon */
.policy-list-card .accordion-icon {
    font-size: 18px;
    color: #0a8548;
    transition: transform 0.3s ease;
    width: auto;
    position: absolute;
    right: 20px;    top: 20px;
}

.policy-list-card .active-tab .accordion-icon {
    transform: rotate(180deg);
}

/* ===========================
   POLICY DETAILS GRID
=========================== */

.policy-list-card .detail-container {
    margin-top: 10px;
}

.policy-list-card .detail-container .row {
    display: flex;
    flex-wrap: wrap;
}

.policy-list-card .detail-container .col-4 {
    margin-bottom: 20px;
}

/* title of each field */
.policy-list-card .lable-head {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
    font-weight: 600;
}

/* main value */
.policy-list-card .label-value .value,
.policy-list-card .label-value div {
    font-size: 15px;
    color: #222;
    font-weight: 700;
}

/* Highlight: Active Status */
.policy-list-card .label-value .active,
.policy-list-card .label-value :contains("Active") {
    color: #0a8548;
    font-weight: 600;
}

/* ===========================
   BUTTONS
=========================== */

.policy-list-card .buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
}

.policy-list-card .btn-container button {
    padding: 10px 14px;
    border-radius: 8px;
    /* font-size: 14px; */
    /* font-weight: 600; */
    border: 1px solid #dcdcdc !important;
    text-transform: initial;
    color: #333 !important;
    background: #fff !important;
    letter-spacing: 0;
}

/* main green button */
.policy-list-card .btn-container:first-child button {
    background: #146032 !important;
    color: #fff !important;
    border: none !important;
}

/* hover effect */
.policy-list-card .btn-container button:hover {
    background: #f5f5f5 !important;
}

/* icon spacing when you add icons */
.policy-list-card .btn-container button p {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0;
}


.policy-list-card .buttons-container.col-4 {
    width: 100%;
    margin-bottom: 0;
}

.policy-list-card .card .card-body {
    background: none;
}

.policy-list-card .rowTableDiv {
    padding: 15px 10px;
}
/* ===============================
   PAGINATION WRAPPER
================================ */
.policy-list-card .paginationDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 0;
    margin-top: 10px;
    /* border-top: 1px solid #e0e0e0; */
    flex-wrap: wrap;
}

/* ===============================
   PAGINATION LIST
================================ */
.policy-list-card .pagination {
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 0;
}

.policy-list-card .pagination .page-item {
    list-style: none;
}

.policy-list-card .pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px 10px;
    min-width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    color: #85a54c;
    border: 1px solid #dcdcdc;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover */
.policy-list-card .pagination .page-link:hover {
    background: #85a54c;
    color: #fff;
}

/* Disabled */
.policy-list-card .pagination .page-item.disabled .page-link {
    background: #f2f2f2;
    color: #aaa;
    cursor: not-allowed;
    border-color: #e6e6e6;
}

/* Active page (if used later) */
.policy-list-card .pagination .page-item.active .page-link {
    background: #0a8548;     /* main green theme */
    color: #fff;
    border-color: #0a8548;
}

/* ===============================
   PAGINATION COUNT SECTION
================================ */
.policy-list-card .pagination-count {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
}

.policy-list-card .pagination-count-select {
    width: 70px;
    height: 36px;
    padding: 5px 8px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #333;
    font-size: 14px;
}

.policy-list-card .pagination-count-select:focus {
    outline: none;
    border-color: #0a8548;
}

.policy-list-card .pagination-count-par {
    margin: 0;
    font-size: 14px;
    color: #555;
}


.policy-list-card .ExpiryDate ~ .label-value div {color: #ef8e00;}

.policy-list-card .btn-container button.btn[title="Cancel Policy"] {
    border-color: #ef8e00 !important;
    color: #ef8e00 !important;
}


.policy-list-card .EffectiveDate ~ .label-value {
    color: #ef8e00; !important;
}


.policy-list-card .title-and-icon {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-right: 30px;
}

.policy-list-card .title-and-icon .inline-div {
    font-size: 18px;
    font-weight: 600;
    color: #00602f;
}

.policy-list-card .title-and-icon .inline-div ~ .inline-div {
    font-weight: 200;
    color: #333;
}

.policy-list-card p:empty {
    display: none;
}

.policy-list-card .btn-container button:hover {
    color: #146032 !important;
}

.file-name {
    left: 0;
    right: 0;
}
.doc-step  .upload-content.input-group {
    border: 2px dashed #dcdcdc;
    padding: 40px 15px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    transition: 0.2s;
    text-align: center;
}

.doc-step  .file-name ~ [type="file"] {/* width: 100%; *//* position: absolute; *//* top: 0; *//* height: 100% !important; */left: 0;border: 0 !important;}

.doc-step  .file-name:not(.has-file) ~ button[type="button"] {
    display: none;
}


.doc-step .input-group button[type="button"] {
    float: left;
    background: none;
    color: #FF5722 !important;
    padding: 0;
    font-size: 0;
    margin-top: -8px;
    border: 0;
    position: relative;
    z-index: 1;
}

.doc-step .input-group button[type="button"]:before {}

.doc-step .input-group button[type="button"]:before {
    font-family: "Font Awesome 6 Free";
    content: "\f00d";
    font-weight: 900;
    font-size: 16px;
}

.doc-step .input-group input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100% !important;
}

.doc-step  .file-name.has-file ~ input.form-control {
    display: none;
}
.doc-step .input-group input[type="file"] {
    width: 100%;
}

.doc-step .input-group button[type="button"]:hover {
    background: none !important;
}
/* container */
.cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}

/* hide default checkbox */
.cards-container .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* label becomes the card */
.sub-stepper .cards-container .form-check-label {
  display: block !important;
  cursor: pointer;
  position: relative !important;
  padding: 0 !important;
}

/* tile card */
.cards-container .tile {
  position: relative;
  border: 1.5px solid #e2e6ea;
  border-radius: 12px;
  padding: 24px 20px 22px;
  text-align: center;
  background: #fff;
  height: 100%;
  transition: all 0.25s ease;
  height: 100%;
}

/* hover */
.cards-container .tile:hover {
  border-color: #8BC34A;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

/* icon */
.cards-container .tile-icon {
  font-size: 34px;
  color: #c1c3c5;
  margin-bottom: 0;
}

/* title */
.cards-container .tile-title {
  font-size: 15px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 6px;
  line-height: 1.3;
}

/* subtitle */
.cards-container .tile-sub {
  font-size: 13px;
  color: #6c757d;
}

/* checkbox box (top right) */
.cards-container .tile::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 18px;
  height: 18px;
  border: 2px solid #ced4da;
  border-radius: 4px;
  background: #fff;
}

/* checked state */
.cards-container .form-check-input:checked + .form-check-label .tile {
  border-color: #8BC34A;
  background: #fefff9;
}

.cards-container
  .form-check-input:checked
  + .form-check-label
  .tile::after {
  background: #146032;
  border-color: #146032;
}

/* checkmark */
.cards-container
  .form-check-input:checked
  + .form-check-label
  .tile::before {
  content: "✓";
  position: absolute;
  top: 12px;
  right: 18px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  z-index: 1;
}


.cards-container .form-check {
    width: 24%;
}


.sub-stepper .cards-container .form-check-label>div {
    height: 100%;
}

.sub-stepper .cards-container h5 {
    margin-bottom: 0;
}

.cards-container .text-danger {
    width: 100%;
    font-weight: 600;
}

.cards-container .form-check-input:checked + .form-check-label .tile .tile-icon {
    color: #146032;
}.status span {
    white-space: nowrap;
}


.pop-buttonsss button.btn {
    color: #fff;
}

.claim-tracker .step .icon {
    border: 0 !important;
}


@media (max-width: 768px) {

.cards-container .form-check {
    width: 100%;
}
}


@media(max-width:768px){
.sub-stepper .head-container {
    row-gap: 14px;
}

.sub-stepper .summary-row {
    width: 100%;
}


.sub-stepper .head-container::before {
    top: 29px;
}

.claim-sub .claim-step2 {
    padding-left: 0;
    padding-right: 0;
}

.sub-stepper .summary-col {
    flex-direction: column;
}

.sub-stepper .summary-row {
    width: 100%;
}

.section-sub-stepper .doc-row {
    flex-direction: column;
    align-items: flex-start !important;
}

.doc-row button.btn-link {
    margin: 0;
}

.claim-sub .checkbox input[type=checkbox] {
    min-width: 20px;
}

.sub-stepper .btn-container {
    padding: 0;
    gap: 30px;
}.sub-stepper .form-block > div {
    flex-direction: column;
}

.sub-stepper form {
    padding: 0;
}

.sub-stepper .summary-card ~ .container .field.col-md-4 {
    flex: auto;
    margin-bottom: 15px;
}



.claim-sub button[type=submit], .claim-sub button[type=button] {
    width: initial;
}

.additional-expenses .row.gx-3.gy-2.align-items-center.border.rounded .col-md-8:last-child {
    flex-direction: column;
}

.additional-expenses .card.p-3.shadow-sm {
    width: 100%;
}

[formarrayname="additionalExpenses"] button.btn.btn-outline-light.text-danger.p-2.border-0 {
    background: #f8f8f8;
}

.additional-expenses span.fw-semibold ~ span.fw-semibold {
    font-size: 18px;
}
    
.doc-step .card-header.d-flex.justify-content-between.align-items-center {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 10px;
}

.doc-step .input-group {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.doc-step .input-group input[type="file"] {
    width: 100%;
    flex: inherit;
}

.doc-step .input-group button {
    border-radius: 40px !important;
}
}

















/* Container */
.claim-tracker {
  background: #fff;
  padding: 24px !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);

  max-width: 100% !important;
  margin-top: 20px !important;
  border: 0 !important;
}

.claim-tracker h3 {
  margin-bottom: 4px !important;
  font-size: 20px;
  font-weight: 600;
  text-align: left !important;
  color: #2d6039 !important;
}

/* Steps wrapper */
.claim-tracker .steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px !important;
  position: relative;
}

/* Step */
.claim-tracker .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
  position: relative;
  text-align: center;
  gap: 8px;
  align-content: flex-start !important;
}

/* Icon circle */
.claim-tracker .step .icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 18px;
  color: #999;
  z-index: 2;
  margin: 0 !important;
}

.claim-tracker .step-box {
    text-align: left !important;
    border-left: 4px #276037 solid !important;
}

.claim-tracker .step-box p {
    margin-bottom: 0;
}

.claim-tracker .step span {
    max-width: 150px;
    display: 
block;
    white-space: initial;
    text-align: center;
}

.claim-tracker .line {
    margin-top: 20px;
}



.claim-tracker .line.completed {
    background: #83a546 !important;
}

.claim-tracker .step.active .icon {background: #276037;color: #fff;border-color: #276037;}

.claim-tracker .step.active {
    text-shadow: 0 0 6px rgb(255 255 255);
}

.claim-tracker .step-box h4 {
    font-size: 16px;
    font-weight: 600;
    color: #2f613b;
}

.claim-tracker .step .icon {
    background: #eafaf2 !important;
}
.claim-tracker .step.active .icon {
    background: #276037 !important;
}
/* ========================= */
/* MOBILE & SMALL SCREENS */
/* ========================= */
@media (max-width: 768px) {

  .claim-tracker .steps {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    position: relative;
    flex-direction: row;
  }

  /* Vertical line */
 .claim-tracker  .steps::before {
    content: "";
    position: absolute;
    left: 26px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e5e7eb;
    border-radius: 10px;
    display: none;
  }

  /* Step */
 .claim-tracker .step {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    /* width: 100% !important; */
  }

 .claim-tracker .step .icon {
    min-width: 48px;
    height: 48px;
    z-index: 2;
  }

 .claim-tracker .step span {
    margin: 0;
    font-size: 14px;
    text-align: center;
  }

  /* Hide horizontal line */
 .claim-tracker .line {
top: 39px !important;
  }

  /* Completed vertical line color */
 .claim-tracker .step.completed ~ .step::before {
    background: #28a745;
  }

  /* Active spacing */
  .claim-tracker .step.active {
    margin-left: 6px;
  }

  /* Step box */
 .claim-tracker .step-box {
    margin-top: 20px;
  }
}

/* ===== FILTER ROW ===== */
.section-policy-list-card .filtersDiv {
  padding: 0;
  border-radius: 14px;
  gap: 12px;
  margin: 0;
}

/* ===== FILTER COLUMN ===== */
.section-policy-list-card .filtersDiv .filter {
  display: flex;
  flex-direction: column;
}

/* ===== SEARCH INPUT ===== */
.section-policy-list-card .search-container {
  position: relative;
}

.section-policy-list-card .search-container i {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 14px;
  pointer-events: none;
  z-index: 1;
}

.section-policy-list-card .search-control {
  padding-left: 40px;
  height: 45px !important;
  border-radius: 10px;
  border: 1px solid #e5e7eb !important;
  font-size: 14px;
  transition: all 0.25s ease;
}

.section-policy-list-card .search-control::placeholder {
  color: #9ca3af;
  font-size: 13px;
}

.section-policy-list-card .search-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
  outline: none;
}

/* ===== NG-SELECT ===== */
.section-policy-list-card ng-select {
  width: 100%;
}

.section-policy-list-card .ng-select .ng-select-container {
  height: 44px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  transition: all 0.25s ease;
}

.section-policy-list-card .ng-select .ng-select-container:hover {
  border-color: #c7d2fe;
}

.section-policy-list-card .ng-select.ng-select-focused .ng-select-container {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.section-policy-list-card .ng-select .ng-value-container {
  padding-left: 12px;
}

.section-policy-list-card .ng-select .ng-placeholder {
  color: #9ca3af;
  font-size: 13px;
}

/* Arrow */
.section-policy-list-card .ng-select .ng-arrow {
  border-color: #9ca3af transparent transparent;
}

/* Dropdown panel */
.section-policy-list-card .ng-dropdown-panel {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  margin-top: -10px!important;
}

/* Options */
.section-policy-list-card .ng-option {
  font-size: 14px;
  padding: 10px 14px;
}

.section-policy-list-card .ng-option:hover {
  background: #f3f4f6;
}

.section-policy-list-card .ng-option-selected {
  background: #2563eb !important;
  color: #fff !important;
}


.section-policy-list-card .statistic:nth-child(1) .statistic-icon:before {
    content: "\f15b";
}

.section-policy-list-card .statistic:nth-child(2) .statistic-icon:before {content: "\f4fc";}
.section-policy-list-card .statistic:nth-child(3) .statistic-icon:before { content: "\f4fd";}


/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
 .section-policy-list-card .filtersDiv .col-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 12px;
  }
}

@media (max-width: 576px) {
 .section-policy-list-card .filtersDiv .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.policy-list-card h2 {
    padding-top: 20px;
    background-image: linear-gradient(95deg, #146032 0%, #84a44a 70%);
    display: inline-block;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 18px !important;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.section-policy-list-card .dropDownListDiv {
    width: 100%;
}
/* Container spacing */
.section-policy-list-card .card-divs {
  padding: 0 0 10px 0;
}

/* Grid */
.section-policy-list-card .card-divs .row {
  gap: 16px;
}

/* Column fix for responsiveness */
.section-policy-list-card .card-divs .statistic {
  flex: 1 1 0;
  min-width: 220px;
}

/* Card */
.section-policy-list-card .card-divs .statistic .card {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: none;
  flex-direction: row-reverse;
  justify-content: space-between;
}

/* Hover effect */
.section-policy-list-card .card-divs .statistic .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

/* Icon */
.section-policy-list-card .statistic-icon {
  width: 56px;
  height: 56px;
  margin: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}

/* Example icon using Font Awesome */
.section-policy-list-card .statistic-icon::before {
  content: "\f201"; /* chart icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* Title */
.section-policy-list-card .statistic-title {
  font-size: 17px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Value */
.section-policy-list-card .statistic-value {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0.5px;
  position: absolute;
  left: 18px;
  margin-top: 27px;
}

/* Different colors per card (optional) */
.section-policy-list-card .statistic:nth-child(1) .statistic-icon {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.section-policy-list-card .statistic:nth-child(2) .statistic-icon {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
}

.section-policy-list-card .statistic:nth-child(3) .statistic-icon {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

/* Responsive */
@media (max-width: 768px) {
  .section-policy-list-card .card-divs .row {
    flex-direction: column;
  }
}

/* ===== Brand Colors ===== */
:root {
  --green-light: #81a53f;
  --green-dark: #00602f;
  --bg: #f6f9f5;
  --card: #ffffff;
  --text-dark: #0f2e1c;
  --text-muted: #6b7f73;
  --border: #dbe5dd;
  --danger: #dc2626;
  --warning: #f59e0b;
}

/* ===== Policy Header Card ===== */
.policy-cancellation-request-container .policy-details-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, var(--green-light), var(--green-dark));
  color: #fff;
  padding: 22px;
  border-radius: 18px;
  /* box-shadow: 0 14px 34px rgba(0, 96, 47, 0.35); */
}

.policy-cancellation-request-container .policy-details-card .icon {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
}

/* ===== Sections ===== */
.policy-cancellation-request-container .form-section {
  background: var(--card);
  border-radius: 16px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  border: 1px #ebebeb solid;
}

/* Section Header */
.policy-cancellation-request-container .section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 16px;
  color: var(--green-dark);
  box-shadow: none;
}

/* ===== Labels & Inputs ===== */
.policy-cancellation-request-container label {
  margin-bottom: 6px;
  display: block;
  color: #000;
  font-weight: normal;
  font-size: 14px !important;
}

.policy-cancellation-request-container .form-control {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  font-size: 14px;
  transition: all 0.3s ease;
}

.policy-cancellation-request-container .form-control:focus {
  outline: none;
  border-color: var(--green-light);
  box-shadow: 0 0 0 4px rgba(129, 165, 63, 0.25);
}

.policy-cancellation-request-container .small-text,
.policy-cancellation-request-container .optional-text {
}

/* ===== Upload Area ===== */
.policy-cancellation-request-container .upload-area {
  border: 2px dashed #cfcfcf;
  border-radius: 14px;
  padding: 24px;
  text-align: center;
  color: var(--green-dark);
  background: rgb(201 201 201 / 8%);
  cursor: pointer;
  transition: all 0.3s ease;
}

.policy-cancellation-request-container .upload-area:hover {
  background: rgba(129, 165, 63, 0.14);
}

/* ===== Info Box ===== */
.important-info-box {
  background: rgba(129, 165, 63, 0.15);
  border-left: 4px solid var(--green-dark);
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
  gap: 10px;
}

/* ===== Checkboxes ===== */
.policy-cancellation-request-container .checkbox-group {
  margin-top: 12px;
}

.policy-cancellation-request-container .checkbox-group label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 14px;
}

.policy-cancellation-request-container .checkbox-group input {
  accent-color: var(--green-dark);
  margin-top: 4px;
  justify-content: center;
}

.policy-cancellation-request-container .error-message {
  color: var(--danger);
  font-size: 12px;
  margin-left: 0;
  margin-top: 0;
}

/* ===== Action Buttons ===== */
.policy-cancellation-request-container .action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}

/* Cancel */
.policy-cancellation-request-container .btn-cancel {
  background: #fff;
  border: 1px solid var(--border);
  color: var(--green-dark);
  cursor: pointer;
  transition: all 0.3s ease;
}

.policy-cancellation-request-container .btn-cancel:hover {
  background: #eef4ec;
}

/* Submit */


.policy-cancellation-request-container .btn-submit:disabled {
  background: #1f6035;
  box-shadow: none;
  cursor: not-allowed;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .policy-cancellation-request-container .policy-details-card {
    flex-direction: column;
    text-align: center;
  }

  .policy-cancellation-request-container .action-buttons {
    flex-direction: column;
  }
}


 .table-claim {
    padding: 30px 20px;
}

 .table-claim p:first-child {
    background-image: linear-gradient(95deg, #146032 0%, #84a44a 70%);
    display: inline-block;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.important-info-box p {
    font-size: 16px !important;
    font-weight: normal !important;
}

.important-info-box svg {
    margin-right: 6px;
    stroke: var(--green-dark);
}

.section-table-claim select.form-control {
    background-position: right;
    direction: ltr;
}

.policy-cancellation-request-container ul.uploaded-files-list {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}

.policy-cancellation-request-container button.remove-file-button {
    font-size: 0;
    padding: 0;
    background: none;
    color: red;
    float: left;
    margin-right: 10px;
}

.policy-cancellation-request-container button.remove-file-button:before {
    font-size: 15px;
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.policy-cancellation-request-container .upload-area p {
    margin: 0;
    color: #333;
}

.policy-cancellation-request-container .upload-area svg {
    margin-bottom: 10px;
}

.policy-cancellation-request-container .upload-area svg ~ p {
    font-weight: bold;
}

.policy-cancellation-request-container .upload-area svg ~ p ~ p {
    font-weight: normal;
}

.policy-cancellation-request-container .details {
    width: 100%;
    display: flex;
}
.policy-cancellation-request-container .policy-info {
  display: grid;
  display: flex;
  gap: 14px 0;
  align-items: center;
  /* background: #ffffff; */
  padding: 0;
  border-radius: 14px;
  /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); */
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Each block */
.policy-cancellation-request-container .policy-info > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  /* padding-left: 14px; */
  position: relative;
  padding: 0;
}

/* Vertical divider */
.policy-cancellation-request-container .policy-info > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 3px;
  border-radius: 6px;
}

/* First item divider remove */
.policy-cancellation-request-container .policy-info > div:first-child::before {
  display: none;
}

/* Title */
.policy-cancellation-request-container .policy-info .title {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Value */
.policy-cancellation-request-container .policy-info strong {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.4;
}

/* Main policy type */
.policy-cancellation-request-container .policy-info > div:first-child strong {
  font-size: 15px;
  color: #fff;
}

/* Responsive */
@media (max-width: 1024px) {
 .policy-cancellation-request-container  .policy-info {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (max-width: 768px) {
.policy-cancellation-request-container .policy-info {
    justify-content: center;
}

li.uploaded-file-item {
    word-break: break-all;
}

.policy-cancellation-request-container .checkbox-group input {
    width: 64px;
}
}
 
@media (max-width: 600px) {
  .policy-cancellation-request-container .policy-info {
    grid-template-columns: 1fr;
  }

  .policy-cancellation-request-container .policy-info > div {
    padding-left: 0;
  }

  .policy-cancellation-request-container .policy-info > div::before {
    display: none;
  }
}


.policy-cancellation-request-container .policy-info>div:first-child {
    width: 100%;
    max-width: 100%;
}

.policy-cancellation-request-container .action-buttons button {
    font-size: 15px;
    text-transform: initial;
    padding: 5px 15px;
    letter-spacing: 0;
}






app-claim-submission .section-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    color: #333;
    box-shadow: none;
}

app-claim-submission .section-head h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

app-claim-submission .section-head i {
    color: #83a546;
}

app-claim-submission .section {
    /* background: rgb(129 165 63 / 2%); */
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
    border: 1px #ebebeb solid;
}

/* Title stays on top */
app-claim-submission .summery-col h4,
app-claim-submission .summary-col h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #00602f;
}

/* List */
app-claim-submission .summery-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

/* Horizontal Card Item */
app-claim-submission .summery-items {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border-radius: 14px;
  border-left: 4px solid #81a53f;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 1px 0px 28px rgba(0, 0, 0, 0.06);
  width: 32%;
}

/* Hover */
app-claim-submission .summery-items:hover {
  background: linear-gradient(135deg, #e8f2ec, #ffffff);
  transform: translateX(4px);
  box-shadow: 0 8px 20px rgba(0, 96, 47, 0.15);
}

/* Icon Wrapper */
app-claim-submission .summary-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, #00602f, #81a53f);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Icon */
app-claim-submission .summary-icon i {
  color: #ffffff;
  font-size: 18px;
}

/* Text */
app-claim-submission .summary-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-weight: 600;
    justify-content: center;
}
app-claim-submission .summary-text .value {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.4;
}
app-claim-submission .row.gy-3 {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

p.hint {
    margin-bottom: 0;
}


li.summery-items:before {
    display: none;
}

app-claim-submission {}

app-claim-submission .row {
    margin: 0;
}



app-claim-submission .row.iban {margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}

app-claim-submission .row.iban section.field {
    width: 100% !important;
}

app-claim-submission .section-body.row {
    row-gap: 10px;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

app-claim-submission .claim-sub .field .form-control[type="text"] {
    margin-bottom: 0 !important;
}

app-claim-submission .input-group-text {
    background: none;
    color: var(--green-dark);
}

app-claim-submission .dateTimeMenu .theme-default .bs-datepicker-head bs-datepicker-navigation-view {
    display: flex;
    align-content: center;
    justify-content: space-around;
}

app-claim-submission .dateTimeMenu .theme-default .bs-datepicker-head bs-datepicker-navigation-view button {
    padding: 0;
    background: none;
}

app-claim-submission .dateTimeMenu {
    padding: 0 !important;
    border: 0;
    background: none;
}
/* Dropdown container */
app-claim-submission .dateTimeMenu {
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(0, 96, 47, 0.18);
  border: 1px solid #e5eee9;
}
/* Calendar wrapper */
app-claim-submission .dateTimeMenu .bs-datepicker {
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  width: 100%;
  box-shadow: none;
}

/* Header (month / year) */
app-claim-submission .dateTimeMenu .bs-datepicker-head {
  background: linear-gradient(135deg, #00602f, #81a53f);
  padding: 12px;
  color: #ffffff;
}

app-claim-submission .dateTimeMenu .bs-datepicker-head button {
  color: #ffffff !important;
  font-weight: 600;
}

 app-claim-submission .dateTimeMenu .bs-datepicker-head button:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}

/* Weekday names */
 app-claim-submission .dateTimeMenu .bs-datepicker-body thead th {
  font-size: 12px;
  font-weight: 600;
  color: #00602f;
  padding: 8px 0;
}

/* Calendar days */
.dateTimeMenu .bs-datepicker-body td span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Hover day */
.dateTimeMenu .bs-datepicker-body td span:hover:not(.disabled) {
  background: #e8f2ec;
  color: #00602f;
}

/* Selected / highlighted day */
.bs-datepicker-body td span.is-highlighted,
.dateTimeMenu .bs-datepicker-body td span.selected {
  background: #00602f !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(0, 96, 47, 0.35);
}

/* Today indicator */
.dateTimeMenu .bs-datepicker-body td span.today {
  border: 2px solid #81a53f;
}

/* Disabled days */
.dateTimeMenu .bs-datepicker-body td span.disabled {
  color: #b6c5bc;
  cursor: not-allowed;
}

/* Other month */
.dateTimeMenu .bs-datepicker-body td span.is-other-month {
  opacity: 0.4;
}
app-claim-submission .summery-items >div {
    display: flex;
    gap: 10px;
}
/* Timepicker container */
.dateTimeMenu timepicker {
  border-radius: 0;
  padding: 0;
  /* box-shadow: inset 0 0 0 1px #e2eee7; */
  display: block;
  padding: 0 20px;
  background: #fff;
}

/* Time inputs */
.dateTimeMenu .bs-timepicker-field {
  border-radius: 10px;
  border: 1px solid #d6e7dd;
  font-weight: 600;
  color: #00602f;
}

.dateTimeMenu .bs-timepicker-field:focus {
  border-color: #81a53f;
  box-shadow: 0 0 0 2px rgba(129, 165, 63, 0.2);
}

/* Time arrows */
.dateTimeMenu timepicker .btn-link {
  color: #00602f;
}

.dateTimeMenu timepicker .btn-link:hover {
  color: #81a53f;
  background: #e8f2ec;
  border-radius: 8px;
}

/* AM / PM button */
.dateTimeMenu timepicker .btn-default {
  background: #00602f;
  color: #ffffff;
  border-radius: 10px;
  font-size: 13px;
}

.dateTimeMenu timepicker .btn-default:hover {
  background: #004a24;
}

/* Footer buttons */
.dateTimeMenu .btn-light {
  border-radius: 10px;
  font-weight: 500;
}

.dateTimeMenu .btn-primary {
  background: linear-gradient(135deg, #00602f, #81a53f);
  border: none;
  border-radius: 10px;
  font-weight: 600;
}

 .dateTimeMenu .btn-primary:hover {
  opacity: 0.9;
}

app-claim-submission textarea.form-control {
    display: flex;
    padding-top: 11px;
}


app-claim-submission .p-dropdown.p-component, app-claim-submission .form-control {
    font-size: 14px;
}
app-claim-submission .row.gy-3 {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

p.hint {
    margin-bottom: 0;
}
.label-with-hint {
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Info icon */
.info-icon {
  position: relative;
  display: inline-flex;
  cursor: pointer;

    color: #4CAF50;
}

/* Tooltip box */
.info-icon .hint {
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background: #000000c4;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding: 8px 10px;
  border-radius: 8px;
  width: max-content;
  max-width: 260px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.25s ease;
  z-index: 100;
  font-weight: 300;
  text-align: inherit;
}

/* Tooltip arrow */
.info-icon .hint::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #000000c4 transparent transparent;
}

/* Show on hover & keyboard focus */
.info-icon:hover .hint,
.info-icon:focus-within .hint {
  opacity: 1;
  visibility: visible;
}


/* Responsive */
@media (max-width: 576px) {
.dateTimeMenu  .dateTimeMenu {
    min-width: 100%;
  }
}


.dateTimeMenu bs-datepicker-inline {
    display: block;
    width: 100%;
}

.dateTimeMenu bs-datepicker-inline-container {
    display: block;
    width: 100%;
}

.dateTimeMenu .bs-datepicker-container {
    width: 100%;
    padding-bottom: 0;
    background: #fff;
}

.dateTimeMenu .bs-datepicker .bs-media-container bs-days-calendar-view {
    width: 100%;
}

.dateTimeMenu .d-flex.justify-content-end.gap-2.mt-3 {
    justify-content: space-between  !important;
    margin-top: 0 !important;
    padding: 10px;
    background: #f8f8f8;
}

.dateTimeMenu button.btn.btn-light.btn-sm {
    background: #d8d8d8;
    color: #333;
}

.dateTimeMenu a.btn.btn-link {
    color: #8ea96e;
    background: none;
}


.dateTimeMenu timepicker .ui-table tr:nth-child(even) td,.dateTimeMenu timepicker table tr:nth-child(even) td {
    background: none !important;
}

.dateTimeMenu timepicker td {
    background: none !important;
}
.dateTimeMenu a.btn.btn-link:hover {
    outline: 0;
    border: 0;
}

.section-table-claim .kt-portlet__body.kt-portlet__body--fit {
    margin: 0 !important;
    padding: 0 !important;
}


.section-table-claim .row.align-items-center {
    padding: 0 !important;
}#html_table thead th {
    padding: 10px 10px!important;
    line-height: 15px;
}

/* Responsive */
@media (max-width: 576px) {
  .summery-items {
    padding: 14px;
    width: 100% !important;
  }

  .summary-icon {
    width: 40px;
    height: 40px;
  }

  .summary-icon i {
    font-size: 16px;
  }

  
app-claim-submission .section-body.row {
    padding: 0 !important;
}

app-claim-submission .section-body.row .field {
    padding: 0;
    margin-bottom: 0 !important;
}

app-claim-submission .field {
    padding: 0 !important;
}
app-claim-submission .row.iban {
    padding: 0;
}
}



/* Section container */
.travel-section {
  border-radius: 16px;
  padding: 16px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-content: revert-layer;
  border-radius: 16px;
  padding: 0;
  margin-top: 20px;
  /* border: 1px #ebebeb solid; */
  background: #fff;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 6px 18px rgba(0, 96, 47, 0.08);
  transition: all 0.25s ease;
}

/* Section header stays as is */
.travel-section .section-header {
  gap: 12px;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 16px;
  color: #333;
  box-shadow: none;
  box-shadow: none;
  margin-bottom: 0 !important;
}

/* Card rows */
.travel-section .summary-row {
  margin-bottom: 12px;
  /* width: 100%; */
}

/* Inner card */
.travel-section .summary-row .summary-text {
  background: #ffffff;
  border-radius: 12px;
  /* padding: 12px 16px; */
  /* box-shadow: 0 6px 18px rgba(0, 96, 47, 0.08); */
  /* border-left: 4px solid #81a53f; */
  transition: all 0.25s ease;
}

/* Hover effect */
.travel-section .summary-row .summary-text:hover {
  transform: translateX(3px);
  /* box-shadow: 0 10px 22px rgba(0, 96, 47, 0.15); */
}

/* Remove Bootstrap margin-left visual issue */
.travel-section .summary-row .summary-text.ms-4 {
  margin-left: 0 !important;
  width: 100%;
}

/* Label */
.travel-section .summary-row .label {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 4px;
}

/* Value */
.travel-section .summary-row .value {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

/* Divider */
.travel-section .travel-section hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #d9ebe0,
    transparent
  );
  margin-top: 18px;
}

/* Responsive */
@media (max-width: 576px) {
  .travel-section .summary-row .summary-text {
    padding: 10px 14px;
  }
}


.travel-section .section-header .summary-icon {
    background: none;
    width: auto;
    height: auto;
}

.travel-section .section-header .summary-icon i {
    color: #83a546;
}

.travel-section .summary-text .value {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}

.summary-col.full-width {
    display: flex;
    flex-direction: row;
    background: #fff; 
}

.travel-section .summary-row:empty {
    display: none;
}

.sub-stepper .summary-col:last-child {
    margin-top: 10px;
}



.travel-section:last-child {
    margin-bottom: 20px;
}

.summary-col.full-width {
    row-gap: 0;
    padding: 12px 16px;
    box-shadow: 0 6px 18px rgba(0, 96, 47, 0.08);
    border-right: 4px solid #81a53f;
    border-radius: 10px;
}

.summary-col.full-width .travel-section {
    margin-top: 0;
    box-shadow: none;
    border-radius: 0;
    border-right: 0;
    padding: 10px 0;
}

.summary-col.full-width h4 {
    margin-bottom: 10px;
}

.travel-section .section-header {
    margin-bottom: 10px !important;
}.summary-col.full-width .travel-section {

    border-bottom: 1px #bfbcbc dashed;
    
}
.summary-col.full-width .travel-section:last-child {border:0;margin: 0;}
.summary-col.full-width .travel-section {
    gap: 0;
    padding-bottom: 20px;
}

@media (min-width: 1100px) {
section.card.summary-card {
    background-size: auto;
    background-position: bottom right;
}
}



@media (min-width: 768px) {
.travel-section .section-header {
    margin-bottom: 10px !important;
}
}




@media (max-width: 768px) {

.travel-section .summary-row .summary-text {
    padding-top: 0;
    padding-bottom: 0;
}.travel-section .summary-row .summary-text.ms-4 {
    padding: 0;
}
.travel-section {
    gap: 0;
}.head-container {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Step */
.stepNameContainer {
}

/* Step circle */
.stepNameContainer p:first-child {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  background: #e0e0e0;
  margin: 0 auto 6px;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

.stepNameContainer p.active {
  background: #0d6efd;
  color: #fff;
}

/* 🔗 LEFT LINE */
.stepNameContainer::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 31px;
  width: 50%;
  height: 2px;
  background: #dcdcdc;
  z-index: 1;
}

/* 🔗 RIGHT LINE */
.stepNameContainer::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  width: 50%;
  height: 2px;
  background: #dcdcdc;
  z-index: 1;
}

/* Remove extra lines */
.stepNameContainer:first-child::before {
  display: none;
}

.stepNameContainer:last-child::after {
  display: none;
}

/* 📱 Mobile */
@media (max-width: 768px) {
  .head-container {
    flex-direction: column;
  }

  .stepNameContainer::before,
  .stepNameContainer::after {
    display: none;
  }
}


.sub-stepper .stepNameContainer:before {
    display: block;
}

.sub-stepper .stepNameContainer:before {
    display: none;
}

.sub-stepper .head-container {
    justify-content: space-between;
    margin-bottom: 20px !important;
}

.sub-stepper .stepNameContainer {
    justify-content: flex-start !important;
    margin: 3px 0;
    flex-direction: row;
    display: flex;
    align-items: baseline;
    align-items: center;
    position: relative;
}

.stepNameContainer p~ p {
    padding: 0;
    /* max-width: 100%; */
    white-space: nowrap;
    /* position: absolute; */
    margin-top: 0px;
}

.stepNameContainer {}

.stepNameContainer p:not(.active) ~ p {
    visibility: hidden;
    width: 130px;
    color: #fff !important;
    background: #47484e;
    text-align: center;
    padding: 5px 6px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-weight: normal;
    margin-top: 57px;
    /* transition: opacity 1s; */
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    color: white;
    padding: 10px;
    border-radius: 8px;
    top: 0;
    left: 0;
}

.stepNameContainer:hover p:not(.active) ~ p{
    visibility: visible;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sub-stepper .stepNameContainer p:first-child:not(.active)~p {
    opacity: 1;
    min-width: 130px;
    display: none;}
}

.cards-container {
    overflow: hidden;
    position: relative;
}

.cards-container .form-check {
    margin: 0 !important;
}

.cards-container .form-check-input {
    left: 0;
    right: 0;
}



.terms-link:hover {
    opacity: 0.8;
}

.terms-link {
    color: #83a546;
    text-decoration: underline;
}

.claim-sub .checkbox input[type=checkbox] {
    overflow: hidden;
    pointer-events: initial;
    cursor: pointer;

}

.claim-sub .checkbox span {
    pointer-events: none;
    cursor: default;
}

.claim-sub .checkbox {
    position: relative;
    pointer-events: none;
    cursor: default;
}

.terms-link {
    pointer-events: auto !important;
    cursor: pointer !important;
}


.btn-close {
    filter: brightness(0) invert(1);
}

.modal-title {
    font-size: 18px;
}


.Claim.Rejected .icon {
    background: #d92a1d !important;
}

.Claim.Rejected .icon i {
    COLOR: #FFF;
}

.claim-tracker .step .hide {
    display: none !important;
}

.claim-tracker .step {
    /* flex-direction: row; */
}

.claim-tracker h3 {
    padding-left: 0;
    padding-right: 0;
}

.claim-tracker .step .icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
}

.claim-tracker .step span {
    font-size: 13px;
}

.claim-tracker .step span {
    /* text-align: left; */
}

.claim-tracker .line {
    margin-top: 0;
    height: 2px!important;
    width: 100%;
    top: 25px;
    left: 55px;
    right: 0;
}
.claim-tracker .step .icon {
    font-size: 12px;
}

.claim-tracker .step {
    /* min-width: 149px; */
    z-index: 1;
    height: 100%;
    /* background: #ffff; */
}

.claim-tracker .steps {
    gap: 5px;
    position: relative;
    align-content: flex-start !important;
    align-items: flex-start!important;
}

.claim-tracker .line {
    position: absolute;
}

.line:last-child {
    right: 0;
}

.step.Claim {
    opacity: 1 !important;
}
.step.Claim:not(.completed) span {
    opacity: 0.4;
}
.step.Claim.Rejected:not(.completed) .icon {
    background: #ffc6c2 !important;
}
.step.hide {
    display: none;
}
.step.Claim:last-child:after {content:'';position: absolute;width: 100%;height: 100%;background: #fff;left: 60px;z-index: -1;}

.claim-tracker .steps {
    overflow: hidden;
}




.medical-stp.section-sub-stepper .radio-group {
  /* display: inline-block; */
  width: 30%;
  margin: 0;
}

/* Hide radio */
.medical-stp.section-sub-stepper .radio-group input {

  width: 100%;
  height: 100% !important;
  background: none;
}

/* Card */
.medical-stp.sub-stepper .form-check-label.card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  transition: all 0.25s ease;
  height: 120px;
}

/* Hover */
.medical-stp.sub-stepper .form-check-label.card:hover {
  border-color: #2563eb;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Icon */
.medical-stp.sub-stepper .radio-container {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #81a53f;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  z-index: 0;
  z-index: 1;
  overflow: initial;
}

.medical-stp.sub-stepper .radio-container i {
  color: #ffffff;
  font-size: 20px;
  opacity: 1;
}

/* Text */
.medical-stp.sub-stepper .text {
  font-weight: 600;
  color: #111827;
}

.medical-stp.sub-stepper .text small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 400;
}

/* ✅ SELECTED STATE (PURE CSS) */
.medical-stp.sub-stepper .radio-group input:checked + .card {
  border-color: #2563eb;
  background: #f8fbff;
}

.medical-stp.sub-stepper .radio-group input:checked + .card .radio-container {
  background: #2563eb;
}

.medical-stp.sub-stepper .radio-group input:checked + .card i {
  color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
  .medical-stp.sub-stepper .cards-container.medical .radio-group {
  width: 100% !important;
  }
  
  .section-sub-stepper .field.col-6.inputs-data, .field.col-6.inputs-data ~ .field {
    width: 100%;
}


}

@media (max-width: 576px) {
  .medical-stp.sub-stepper .radio-group {
    width: 100%;
  }
}

.medical-stp.sub-stepper .cards-container.medical .radio-group {
    width: 32%;
    margin: 0;
    border-radius: 0;
}

.medical-stp.sub-stepper label.form-check-label>* {
    font-size: 0;
}

.medical-stp.sub-stepper label.form-check-label>div {
    font-size: 14px;
    margin-bottom: -17px;
}

.medical-stp.sub-stepper .cards-container .form-check-label>div {}

.medical-stp.sub-stepper small {
    font-weight: normal;
    font-size: 14px;
}

.medical-stp.sub-stepper .form-check-input:checked {
    background-color: #00602f0a;
    border: #83a546 1px solid !important;
    box-shadow: none;
}



.medical-stp.sub-stepper .form-check-input {
    /* border: 0; */
    z-index: 2 !important;
}

.medical-stp.sub-stepper .radio-group {
    border: 0;
}

.medical-stp.sub-stepper .form-check-input {
    border-radius: 10px !important;
    border: 1px solid rgb(131 130 130 / 25%) !important;
    z-index: 12 !important;
    opacity: 1 !important;
    pointer-events: initial !important;
}

.medical-stp.sub-stepper .col-12.form-block {
    margin-bottom: 0;
}

.medical-stp.sub-stepper .cards-container .form-check-label {
    margin-top: 0;
}

.medical-stp.sub-stepper .form-check-input:focus {
    box-shadow: none;
}



.cards-container.medical {
    margin-top: 0;
}

.cards-container.medical h5 {
    margin-bottom: 5px;
}


.medical-stpper .first-header {
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: #81a53f;
    position: relative;
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 400 !important;
    margin-top: 10px;
}

.medical-stpper .sub-header {
    font-size: 16px;
    color: #666;
    margin-top: 0;
    padding-top: 3px;
}

.medical-stpper .summary-col h4 {
    font-weight: 500;
    margin-top: 0;
}
.medical-stpper .field:first-child >label.main-label {
    margin-top: 0;
}
.medical-stpper .field:first-child {
    margin-top: 0;
}
.medical-stpper .field.col-md-12:first-child label.main-label {
    margin-top: 0 !important;
}
.medical-stpper label.sub-label {font-weight: initial !important;}


.medical-stpper .radio-group {
    margin-bottom: 20px;
}

.medical-stpper .head-cont {
    padding: 0;
}


.medical-stpper.section-sub-stepper  .claim-sub .field input[type="text"],.medical-stpper.section-sub-stepper  .claim-sub .search,.medical-stpper.section-sub-stepper  input[type="tel"] {margin-bottom:0 !important;}



.medical-stpper .field.col-4.inputs-data {
    margin-bottom: 15px;
}

/* CONTAINER */
.medical-stpper.section-sub-stepper .summary-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #ffffff;
  padding: 0;
}

/* SECTION */
.medical-stpper.section-sub-stepper section.card.summary-card .summary-col {
  background: #ffffff;
  /* padding: 18px 20px; */
  /* border-radius: 10px !important; */
  /* border: 1px solid #e5e7eb; */
  gap: 0;
  /* border-bottom: 1px #d5d5d5 dashed; */
  margin-top: 0;
}


/* ROW */
.medical-stpper.section-sub-stepper .summary-row {
  /* display: grid; */
  /* grid-template-columns: 22px 200px 1fr; */
  /* align-items: flex-start!important; */
  margin-bottom: 0 !important;
}

/* ICON */
.medical-stpper.section-sub-stepper .summary-icon {
  display: flex;
  justify-content: center;
}

.medical-stpper.section-sub-stepper .summary-icon i {
  font-size: 18px;
  color: #9ca3af;
}

/* LABEL */
.medical-stpper.section-sub-stepper .summary-text .label {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.2;
  white-space: initial;
  margin-bottom: 2px;
}

/* VALUE */
.medical-stpper.section-sub-stepper .summary-text .value {
  font-size: 12.5px;
  font-weight: 500;
  color: #111827;
  line-height: 1.3;
}




.medical-stpper.section-sub-stepper .summary-row {
    align-content: flex-start !important;
    padding: 0 10px;
    width: 33.3%;
}

.medical-stpper .summary-col h4 {
    padding-left: 0;
    text-transform: initial;
    margin-bottom: 15px;
    border-top: 1px #d5d5d5 dashed;
    padding-top: 20px;
}

.medical-stpper.section-sub-stepper app-claim-submission .summary-icon {
    width: auto;
    /* height: auto; */
    align-content: flex-start;
}

.medical-stpper.section-sub-stepper app-claim-submission .summary-icon i {
    color: #226e41;
    height: 100%;
}

.medical-stpper.section-sub-stepper app-claim-submission .summary-icon {
    background: none;
}

.medical-stpper.section-sub-stepper .summary-icon {
    align-content: flex-start !important;
}

.medical-stpper.section-sub-stepper app-claim-submission .summary-text {
    height: 100%;
    justify-content: flex-start;
}

.medical-stpper.section-sub-stepper section.card.summary-card .summary-col:last-child {
    border: 0;
}

.medical-stpper.section-sub-stepper .claim-sub .claim-step2 h3 {
    margin-bottom: 0px;
}

.medical-stpper.section-sub-stepper h4.mt-3 {
    margin-top: 0 !important;
}

.medical-stpper.section-sub-stepper .summary-col:first-child h4 {
    border-top: 0;
}

/* ---------- Cards ---------- */
.policy-sum .card {
  border-radius: 15px;
  margin-top: 30px !important;
  border: 1px #f3f3f3 solid !important;
  overflow: hidden;
}

.policy-sum  .card-title {
  font-size: 1.1rem;
}

/* ---------- Request Status Badge ---------- */
.policy-sum  .badge {
  font-size: 0.85rem;
  font-weight: 600;
}

.policy-sum  .spinner-grow {
  width: 0.6rem;
  height: 0.6rem;
}










.policy-sum  .container.py-5 {
    max-width: 100% !important;
}



.policy-sum  label.text-muted.small.fw-bold.text-uppercase {
    font-weight: 500 !important;
}

.policy-sum  .card .card-body {
    background: #fff;
}


.policy-sum  h6.fw-bold.mb-3.d-flex.align-items-center {
    color: #222;
}


.policy-sum  .d-flex.justify-content-center.gap-3.mb-4 button {
    width: fit-content;
    text-transform: inherit;
    letter-spacing: 0;
}

.policy-sum  .col-md-12.text-center.mt-4.html-data-load-more {
    display: none;
}

.policy-sum  .d-flex.justify-content-center.gap-3.mb-4 button.btn-outline-secondary {
    background: #83a546;
}

.policy-sum  .d-flex.justify-content-center.gap-3.mb-4 button:hover {
    opacity: 0.85;
}

/* MOBILE */
@media (max-width: 576px) {
 .medical-stpper.section-sub-stepper .summary-row {
    grid-template-columns: 18px 1fr;
    row-gap: 2px;
    width: 100%;
  }

 .medical-stpper.section-sub-stepper .summary-text .label {
    grid-column: 2;
  }

  .medical-stpper.section-sub-stepper .summary-text .value {
    grid-column: 2;
  }
}


small.text-muted.d-block.text-end {

    display: flex !important;
    justify-content: end;
}
.medical-stp.section-sub-stepper  .summary-card ~ .container {
    padding: 0;
}

.medical-stpper .row.cntainer-check .checkbox {
    font-weight: normal;
    margin-top: 10px;
}


.medical-stpper .row.contact-info {padding: 10px 18px 0;}



.medical-stpper.section-sub-stepper .summary-card ~ .container h3.card-title {
    margin-bottom: 10px;
    margin-top: 0;
}

.medical-stpper .doc-row button.btn-link {
    margin-right: 0;
    margin-left: auto;
}
.medical-stpper .last-step-all .summary-card ~ .container {
    border: 0;
    padding: 0;
    background: none;
}

.card-items img.img-responsive {
    width: 100% !important;
}


.yes-no {
    margin-top: 20px;
}



/* container */
.cards-container.yes-no .radio-group {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
 padding:0;
  margin-left: 0px;
  cursor: pointer;
  transition: all 0.3s ease;    padding: 15px 14px;
}

/* hide default radio */
.cards-container.yes-no input[type="radio"] {
  display: none;
}

/* label */
.cards-container.yes-no .form-check-label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

/* YES selected */
.cards-container.yes-no input[type="radio"]:checked ~ .form-check-label {
  color:#83a546;
}

/* card active state */
.cards-container.yes-no .radio-group:has(input:checked) {
  background-color: #00602f0a;
  border-color: #83a546;
}

/* optional icon circle */
.cards-container.yes-no .radio-container {
  width: 15px;
  height: 15px;
  max-width:15px;
  border: 2px solid #bbb;
  border-radius: 50%;
  margin-left: 8px;
  position: relative;
  min-width: 15px;
  background:#fff;
}
.cards-container.yes-no input[type="radio"] {
    display: block;
}

.cards-container.yes-no .radio-group:has(input:checked) .radio-container{
  background-color: #83a546;

}

.section-table-claim #html_table thead th {
    font-weight: normal!important;
    font-size: 13px;
}

.section-table-claim #html_table td {
    border-bottom: 0;
}

/* target the remove button */
button.btn-danger.btn-sm {
  position: relative;
  font-size: 0; /* hide text */
  padding: 6px 10px;
}

/* add trash icon */
button.btn-danger.btn-sm::before {
  content: "\f1f8"; /* Font Awesome trash */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  color: #fff;
}

/* optional hover */
button.btn-danger.btn-sm:hover {
  opacity: 0.85;
}


.mainPopup button.btn.btn-danger {
    background: none;
    font-size: 0 !important;
    color: #F44336;
    padding: 0 !important;
    border-radius: 0 !important;
}

.mainPopup button.btn.btn-danger:before {
    color: #F44336;
}

.mainPopup input[type="file"] {
    padding-right: 0 !important;
}

.mainPopup .clickable-div {
    right: 40px;
}

.mainPopup button.btn.btn-danger:hover:before {
    opacity: 0.8;
}

.mainPopup .clickable-div {

    display: none!important;
}


.mainPopup input[type="file"] {
    max-width: 80%;
}

.name-desc .description {
    display: block;
    font-weight: normal;
}

.name-desc {
    font-weight: 600;
    line-height: 25px;
}


.policy-sum  .text-center.text-muted.small
 {
    font-size: 16px;
}

.policy-list-card  img.icon {
    margin-bottom: 10px;
}.policy-list-card .buttons-container.col-4 {
    padding: 0;
}


.policy-list-card .btn-container:empty {
    display: none;
}






@media (max-width:768px) {
    
    .cards-container.yes-no .radio-group {
    width: 100%;
}
  .card-items span.card-title {
    font-size: 22px;
}  
    .p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error {
    max-width: 70%;
}


.apply-now,.contact-right {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 0;
}

.careers .card-items .card {
    padding: 0 !important;
}.filter span.filterItem {
    padding: 7px 9px !important;
    margin-bottom: 16px !important;
}
.inner-banner .image:before {
   background-size: 130%;
}
ol.breadcrumb {
    font-size: 12px;
}.card-items div {
    flex: 0 0 100%;
    max-width: 100%;
}
.section-card-items {
    padding: 10px 0px !important;
}
.section-products .products .col-md- {
    width: 160px;
    max-width: 160px !important;
    flex-basis: auto !important;
}

.section-products .products .card {
    border: 0 !important;
}
.section-page-content {
    padding-left: 30px !important;
    padding-right: 30px!important;
}
.card-items .title-block a {
    FONT-SIZE: 22px;
}.blog-list-contanir .title {
    font-size: 14px;
}

.section-page-content h3 {
    font-size: 18px;
    line-height: 26px;
}

 ul.inner-details-bg {
    display: block;
    margin: 0;
    padding: 0;
}

ul.inner-details-bg li {
    margin-left: 0;
     margin-right: 0;
}.image-content-side {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}.section-blocks-green {
    max-width: 290px;
    margin: 0 auto;
}.p-datatable .p-datatable-thead>tr>th {
    font-size: 11px;
}
.programs-cont .fieldset-box .subject-legend {font-size: 17px;}

.programs-cont legend.subject-legend:before {
    width: 35px;
}
	
	.section-page-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.programs-cont .form-group.editor-control.col-md-4, shc-radio-button .form-group.editor-control {
        height: auto !important;
}
.programs-cont p.process-img img {
        height: 97px !important;
        max-width: 97px;}.policy-list-card  .col-3 {
    width: 100%;
}

.policy-list-card .detail-container .row {
    gap: 15px;
}.policy-list-card .detail-container .col-4 {
    margin-bottom: 0;
    justify-content: left;
    padding: 0 15px;
}

}